Theme 037A

Category

Tag

All Colors

位置設定

/temp/unittest/parts/001_frameWithHCaptionNumIcon-3_acrePartsMain1_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様


補足は左寄せのまま

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1
お客さまにお伝えしたい

当社の3つの特徴

characteristic

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
地元の特性を把握

地域密着型

Community-based

画像の説明を入力してください(フォントが小さく設定された文章です)

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳しくはこちらをクリック
お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

画像の説明を入力してください(フォントが小さく設定された文章です)

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳しくはこちらをクリック
平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

画像の説明を入力してください(フォントが小さく設定された文章です)

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳しくはこちらをクリック
明朗会計で安心

パッケージプラン

Package

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳しくはこちらをクリック
長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.55"></div>
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-l">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-caption-upper" data-cms-path="data.contents.0">お客さまにお伝えしたい</div>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-caption-lower" data-cms-path="data.contents.2">characteristic</div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">当社の3つの特徴について詳しくご紹介いたします。</p>
                    </div>
                </div>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.4">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.6">Results</div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.9">地元の特性を把握</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.11">Community-based</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.14">お客さまとの対話を重視</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.16">Counseling</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-4"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.19">平日お忙しい方のために</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.20">土日祝日もご相談を受付</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.21">Open on holidays</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.23.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.22">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.23">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-5"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.24">明朗会計で安心</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.25">パッケージプラン</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.26">Package</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.28.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.27">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.28">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-6"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.29">長くお付き合いしていきたいから</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.30">充実のフォロー体制</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.31">After-sales Service</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.33.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.32">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.33">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-7"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.34">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.35">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.36">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.38.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.37">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.38">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-8"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.39">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.40">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.41">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.43.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.42">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.43">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-9"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.44">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.45">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.46">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.48.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.47">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.48">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-10"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.49">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.50">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.51">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.53.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.52">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.53">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.54"></div>
    </div>
</div>
バリエーション2
お客さまにお伝えしたい

当社の3つの特徴

characteristic

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
地元の特性を把握

地域密着型

Community-based

画像の説明を入力してください(フォントが小さく設定された文章です)

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳しくはこちらをクリック
お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

画像の説明を入力してください(フォントが小さく設定された文章です)

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳しくはこちらをクリック
平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

画像の説明を入力してください(フォントが小さく設定された文章です)

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳しくはこちらをクリック
明朗会計で安心

パッケージプラン

Package

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳しくはこちらをクリック
長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.55"></div>
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-l">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-caption-upper" data-cms-path="data.contents.0">お客さまにお伝えしたい</div>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-caption-lower" data-cms-path="data.contents.2">characteristic</div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">当社の3つの特徴について詳しくご紹介いたします。</p>
                    </div>
                </div>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.4">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.6">Results</div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.9">地元の特性を把握</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.11">Community-based</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.14">お客さまとの対話を重視</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.16">Counseling</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-4"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.19">平日お忙しい方のために</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.20">土日祝日もご相談を受付</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.21">Open on holidays</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.23.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.22">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.23">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-5"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.24">明朗会計で安心</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.25">パッケージプラン</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.26">Package</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.28.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.27">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.28">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-6"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.29">長くお付き合いしていきたいから</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.30">充実のフォロー体制</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.31">After-sales Service</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.33.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.32">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.33">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-7"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.34">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.35">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.36">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.38.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.37">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.38">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-8"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.39">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.40">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.41">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.43.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.42">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.43">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-9"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.44">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.45">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.46">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.48.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.47">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.48">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-l">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-10"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.49">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.50">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.51">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.53.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.52">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.53">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.54"></div>
    </div>
</div>
中央
バリエーション1
お客さまにお伝えしたい

当社の3つの特徴

characteristic

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
地元の特性を把握

地域密着型

Community-based

画像の説明を入力してください(フォントが小さく設定された文章です)

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳しくはこちらをクリック
お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

画像の説明を入力してください(フォントが小さく設定された文章です)

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳しくはこちらをクリック
平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

画像の説明を入力してください(フォントが小さく設定された文章です)

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳しくはこちらをクリック
明朗会計で安心

パッケージプラン

Package

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳しくはこちらをクリック
長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.55"></div>
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-c">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-caption-upper" data-cms-path="data.contents.0">お客さまにお伝えしたい</div>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-caption-lower" data-cms-path="data.contents.2">characteristic</div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">当社の3つの特徴について詳しくご紹介いたします。</p>
                    </div>
                </div>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.4">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.6">Results</div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.9">地元の特性を把握</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.11">Community-based</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.14">お客さまとの対話を重視</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.16">Counseling</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-4"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.19">平日お忙しい方のために</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.20">土日祝日もご相談を受付</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.21">Open on holidays</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.23.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.22">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.23">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-5"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.24">明朗会計で安心</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.25">パッケージプラン</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.26">Package</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.28.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.27">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.28">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-6"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.29">長くお付き合いしていきたいから</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.30">充実のフォロー体制</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.31">After-sales Service</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.33.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.32">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.33">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-7"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.34">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.35">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.36">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.38.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.37">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.38">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-8"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.39">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.40">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.41">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.43.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.42">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.43">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-9"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.44">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.45">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.46">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.48.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.47">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.48">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-10"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.49">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.50">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.51">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.53.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.52">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.53">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.54"></div>
    </div>
</div>
中央
バリエーション2
お客さまにお伝えしたい

当社の3つの特徴

characteristic

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
地元の特性を把握

地域密着型

Community-based

画像の説明を入力してください(フォントが小さく設定された文章です)

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳しくはこちらをクリック
お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

画像の説明を入力してください(フォントが小さく設定された文章です)

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳しくはこちらをクリック
平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

画像の説明を入力してください(フォントが小さく設定された文章です)

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳しくはこちらをクリック
明朗会計で安心

パッケージプラン

Package

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳しくはこちらをクリック
長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.55"></div>
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-c">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-caption-upper" data-cms-path="data.contents.0">お客さまにお伝えしたい</div>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-caption-lower" data-cms-path="data.contents.2">characteristic</div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">当社の3つの特徴について詳しくご紹介いたします。</p>
                    </div>
                </div>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.4">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.6">Results</div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.9">地元の特性を把握</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.11">Community-based</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.14">お客さまとの対話を重視</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.16">Counseling</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-4"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.19">平日お忙しい方のために</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.20">土日祝日もご相談を受付</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.21">Open on holidays</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.23.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.22">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.23">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-5"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.24">明朗会計で安心</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.25">パッケージプラン</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.26">Package</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.28.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.27">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.28">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-6"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.29">長くお付き合いしていきたいから</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.30">充実のフォロー体制</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.31">After-sales Service</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.33.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.32">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.33">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-7"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.34">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.35">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.36">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.38.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.37">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.38">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-8"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.39">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.40">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.41">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.43.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.42">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.43">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-9"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.44">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.45">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.46">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.48.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.47">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.48">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-c">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-10"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.49">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.50">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.51">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.53.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.52">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.53">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.54"></div>
    </div>
</div>
バリエーション1
お客さまにお伝えしたい

当社の3つの特徴

characteristic

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
地元の特性を把握

地域密着型

Community-based

画像の説明を入力してください(フォントが小さく設定された文章です)

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳しくはこちらをクリック
お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

画像の説明を入力してください(フォントが小さく設定された文章です)

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳しくはこちらをクリック
平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

画像の説明を入力してください(フォントが小さく設定された文章です)

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳しくはこちらをクリック
明朗会計で安心

パッケージプラン

Package

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳しくはこちらをクリック
長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.55"></div>
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-r">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-caption-upper" data-cms-path="data.contents.0">お客さまにお伝えしたい</div>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-caption-lower" data-cms-path="data.contents.2">characteristic</div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">当社の3つの特徴について詳しくご紹介いたします。</p>
                    </div>
                </div>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.4">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.6">Results</div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.9">地元の特性を把握</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.11">Community-based</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.14">お客さまとの対話を重視</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.16">Counseling</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-4"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.19">平日お忙しい方のために</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.20">土日祝日もご相談を受付</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.21">Open on holidays</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.23.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.22">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.23">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-5"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.24">明朗会計で安心</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.25">パッケージプラン</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.26">Package</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.28.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.27">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.28">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-6"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.29">長くお付き合いしていきたいから</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.30">充実のフォロー体制</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.31">After-sales Service</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.33.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.32">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.33">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-7"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.34">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.35">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.36">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.38.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.37">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.38">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-8"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.39">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.40">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.41">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.43.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.42">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.43">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-9"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.44">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.45">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.46">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.48.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.47">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.48">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-10"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.49">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.50">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.51">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.53.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.52">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.53">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.54"></div>
    </div>
</div>
バリエーション2
お客さまにお伝えしたい

当社の3つの特徴

characteristic

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
地元の特性を把握

地域密着型

Community-based

画像の説明を入力してください(フォントが小さく設定された文章です)

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳しくはこちらをクリック
お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

画像の説明を入力してください(フォントが小さく設定された文章です)

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳しくはこちらをクリック
平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

画像の説明を入力してください(フォントが小さく設定された文章です)

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳しくはこちらをクリック
明朗会計で安心

パッケージプラン

Package

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳しくはこちらをクリック
長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.55"></div>
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-r">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-caption-upper" data-cms-path="data.contents.0">お客さまにお伝えしたい</div>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-caption-lower" data-cms-path="data.contents.2">characteristic</div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">当社の3つの特徴について詳しくご紹介いたします。</p>
                    </div>
                </div>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.4">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.6">Results</div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.9">地元の特性を把握</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.11">Community-based</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.14">お客さまとの対話を重視</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.16">Counseling</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-4"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.19">平日お忙しい方のために</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.20">土日祝日もご相談を受付</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.21">Open on holidays</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.23.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.22">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.23">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-5"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.24">明朗会計で安心</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.25">パッケージプラン</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.26">Package</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.28.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.27">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.28">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-6"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.29">長くお付き合いしていきたいから</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.30">充実のフォロー体制</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.31">After-sales Service</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.33.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.32">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.33">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-7"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.34">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.35">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.36">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.38.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.37">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.38">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-8"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.39">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.40">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.41">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.43.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.42">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.43">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-9"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.44">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.45">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.46">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.48.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.47">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.48">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-r">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-10"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.49">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.50">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.51">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.53.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.52">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.53">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.54"></div>
    </div>
</div>

位置設定

/temp/unittest/parts/002_twoColsMediaWithNumIcon-3_acrePartsMain2_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様


補足は左寄せのまま

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1

当社の3つの特徴

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

地元の特性を把握

地域密着型

Community-based

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

明朗会計で安心

パッケージプラン

Package

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の3つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の3つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.1">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.3">Results</div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.6">地元の特性を把握</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.8">Community-based</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.11">お客さまとの対話を重視</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.13">Counseling</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-4"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.16">平日お忙しい方のために</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.17">土日祝日もご相談を受付</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.18">Open on holidays</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.20.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.19">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.20">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-5"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.21">明朗会計で安心</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.22">パッケージプラン</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.23">Package</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.25.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.24">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.25">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-6"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.26">長くお付き合いしていきたいから</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.27">充実のフォロー体制</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.28">After-sales Service</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.30.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.29">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.30">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-7"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.31">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.32">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.33">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.35.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.34">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.35">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-8"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.36">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.37">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.38">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.40.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.39">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.40">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-9"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.41">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.42">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.43">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.45.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.44">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.45">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-10"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.46">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.47">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.48">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.50.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.49">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.50">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.51">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2

当社の3つの特徴

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

地元の特性を把握

地域密着型

Community-based

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

明朗会計で安心

パッケージプラン

Package

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の3つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の3つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.1">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.3">Results</div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.6">地元の特性を把握</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.8">Community-based</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.11">お客さまとの対話を重視</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.13">Counseling</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-4"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.16">平日お忙しい方のために</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.17">土日祝日もご相談を受付</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.18">Open on holidays</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.20.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.19">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.20">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-5"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.21">明朗会計で安心</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.22">パッケージプラン</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.23">Package</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.25.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.24">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.25">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-6"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.26">長くお付き合いしていきたいから</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.27">充実のフォロー体制</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.28">After-sales Service</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.30.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.29">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.30">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-7"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.31">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.32">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.33">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.35.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.34">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.35">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-8"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.36">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.37">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.38">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.40.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.39">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.40">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-9"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.41">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.42">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.43">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.45.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.44">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.45">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-10"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-l">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.46">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.47">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.48">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.50.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.49">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.50">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.51">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1

当社の3つの特徴

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

地元の特性を把握

地域密着型

Community-based

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

明朗会計で安心

パッケージプラン

Package

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の3つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の3つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.1">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.3">Results</div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.6">地元の特性を把握</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.8">Community-based</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.11">お客さまとの対話を重視</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.13">Counseling</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-4"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.16">平日お忙しい方のために</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.17">土日祝日もご相談を受付</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.18">Open on holidays</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.20.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.19">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.20">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-5"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.21">明朗会計で安心</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.22">パッケージプラン</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.23">Package</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.25.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.24">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.25">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-6"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.26">長くお付き合いしていきたいから</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.27">充実のフォロー体制</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.28">After-sales Service</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.30.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.29">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.30">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-7"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.31">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.32">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.33">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.35.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.34">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.35">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-8"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.36">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.37">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.38">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.40.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.39">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.40">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-9"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.41">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.42">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.43">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.45.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.44">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.45">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-10"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.46">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.47">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.48">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.50.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.49">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.50">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.51">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2

当社の3つの特徴

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

地元の特性を把握

地域密着型

Community-based

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

明朗会計で安心

パッケージプラン

Package

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の3つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の3つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.1">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.3">Results</div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.6">地元の特性を把握</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.8">Community-based</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.11">お客さまとの対話を重視</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.13">Counseling</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-4"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.16">平日お忙しい方のために</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.17">土日祝日もご相談を受付</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.18">Open on holidays</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.20.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.19">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.20">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-5"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.21">明朗会計で安心</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.22">パッケージプラン</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.23">Package</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.25.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.24">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.25">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-6"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.26">長くお付き合いしていきたいから</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.27">充実のフォロー体制</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.28">After-sales Service</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.30.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.29">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.30">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-7"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.31">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.32">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.33">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.35.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.34">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.35">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-8"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.36">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.37">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.38">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.40.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.39">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.40">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-9"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.41">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.42">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.43">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.45.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.44">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.45">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-10"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-c">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.46">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.47">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.48">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.50.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.49">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.50">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.51">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1

当社の3つの特徴

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

地元の特性を把握

地域密着型

Community-based

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

明朗会計で安心

パッケージプラン

Package

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の3つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の3つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.1">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.3">Results</div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.6">地元の特性を把握</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.8">Community-based</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.11">お客さまとの対話を重視</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.13">Counseling</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-4"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.16">平日お忙しい方のために</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.17">土日祝日もご相談を受付</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.18">Open on holidays</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.20.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.19">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.20">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-5"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.21">明朗会計で安心</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.22">パッケージプラン</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.23">Package</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.25.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.24">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.25">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-6"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.26">長くお付き合いしていきたいから</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.27">充実のフォロー体制</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.28">After-sales Service</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.30.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.29">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.30">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-7"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.31">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.32">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.33">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.35.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.34">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.35">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-8"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.36">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.37">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.38">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.40.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.39">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.40">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-9"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.41">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.42">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.43">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.45.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.44">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.45">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-10"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.46">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.47">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.48">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.50.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.49">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.50">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.51">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2

当社の3つの特徴

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

地元の特性を把握

地域密着型

Community-based

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

明朗会計で安心

パッケージプラン

Package

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の3つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の3つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.1">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.3">Results</div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.6">地元の特性を把握</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.8">Community-based</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.11">お客さまとの対話を重視</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.13">Counseling</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-4"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.16">平日お忙しい方のために</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.17">土日祝日もご相談を受付</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.18">Open on holidays</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.20.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.19">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.20">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-5"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.21">明朗会計で安心</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.22">パッケージプラン</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.23">Package</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.25.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.24">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.25">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-6"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.26">長くお付き合いしていきたいから</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.27">充実のフォロー体制</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.28">After-sales Service</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.30.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.29">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.30">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-7"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.31">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.32">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.33">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.35.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.34">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.35">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-8"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.36">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.37">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.38">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.40.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.39">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.40">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-9"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.41">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.42">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.43">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.45.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.44">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.45">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-10"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-r">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.46">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.47">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.48">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.50.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.49">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.50">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.51">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/003_frameWithHCaption-2_acrePartsMain3_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様


補足は左寄せのまま

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1

お客さまの声

編集枠:グループ1
編集枠:画像列(グループ2)
編集枠:グループ2
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaption"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaption__hd t0-b-frameWithHCaption__hd--align-l"><span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaption__hd-h">
                    <h3 data-cms-path="data.contents.1">お客さまの声</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaption__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__horizon">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2

お客さまの声

編集枠:グループ1
編集枠:画像列(グループ2)
編集枠:グループ2
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaption2"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaption2__hd t0-b-frameWithHCaption2__hd--align-l"><span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaption2__hd-h">
                    <h3 data-cms-path="data.contents.1">お客さまの声</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaption2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__horizon">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1

お客さまの声

編集枠:グループ1
編集枠:画像列(グループ2)
編集枠:グループ2
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaption"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaption__hd t0-b-frameWithHCaption__hd--align-c"><span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaption__hd-h">
                    <h3 data-cms-path="data.contents.1">お客さまの声</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaption__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__horizon">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2

お客さまの声

編集枠:グループ1
編集枠:画像列(グループ2)
編集枠:グループ2
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaption2"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaption2__hd t0-b-frameWithHCaption2__hd--align-c"><span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaption2__hd-h">
                    <h3 data-cms-path="data.contents.1">お客さまの声</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaption2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__horizon">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1

お客さまの声

編集枠:グループ1
編集枠:画像列(グループ2)
編集枠:グループ2
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaption"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaption__hd t0-b-frameWithHCaption__hd--align-r"><span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaption__hd-h">
                    <h3 data-cms-path="data.contents.1">お客さまの声</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaption__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__horizon">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2

お客さまの声

編集枠:グループ1
編集枠:画像列(グループ2)
編集枠:グループ2
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaption2"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaption2__hd t0-b-frameWithHCaption2__hd--align-r"><span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaption2__hd-h">
                    <h3 data-cms-path="data.contents.1">お客さまの声</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaption2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__horizon">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/007_serviceSet_acrePartsMain7_f12.md
  • f12

ブロック名称:位置設定

バリエーション1
見出し補足(上)

Menu

見出し補足(下)

ここでは当社で提供するサービスについてご案内いたします。

プランA

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.34"></div>
        <div class="t0-b-serviceSet"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-serviceSet__hd t0-b-serviceSet__hd--align-l"><span><span><span></span></span></span>
                <div class="t0-b-serviceSet__hd-caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                <div class="t0-b-serviceSet__hd-h">
                    <h3 data-cms-path="data.contents.1">Menu</h3>
                </div>
                <div class="t0-b-serviceSet__hd-caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
            </div>
            <div class="t0-b-serviceSet__bd"><span><span><span></span></span></span>
                <div class="b-bPlacer-6s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">ここでは当社で提供するサービスについてご案内いたします。</p>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.4">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.5">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.6">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.8.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.7">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.8">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.9">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.11.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.10">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.11">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.12">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.14.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.13">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.14">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.15">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.17.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.16">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.17">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.18">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.20.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.19">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.20">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.21">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.23.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.22">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.23">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.24">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.26.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.25">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.26">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.27">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.29.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.28">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.29">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.30">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.32.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.31">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.32">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.33">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.35"></div>
    </div>
</div>
バリエーション2
見出し補足(上)

Menu

見出し補足(下)

ここでは当社で提供するサービスについてご案内いたします。

プランA

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.34"></div>
        <div class="t0-b-serviceSet2"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-serviceSet2__hd t0-b-serviceSet2__hd--align-l"><span><span><span></span></span></span>
                <div class="t0-b-serviceSet2__hd-caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                <div class="t0-b-serviceSet2__hd-h">
                    <h3 data-cms-path="data.contents.1">Menu</h3>
                </div>
                <div class="t0-b-serviceSet2__hd-caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
            </div>
            <div class="t0-b-serviceSet2__bd"><span><span><span></span></span></span>
                <div class="b-bPlacer-6s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">ここでは当社で提供するサービスについてご案内いたします。</p>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.4">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.5">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.6">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.8.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.7">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.8">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.9">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.11.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.10">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.11">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.12">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.14.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.13">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.14">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.15">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.17.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.16">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.17">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.18">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.20.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.19">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.20">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.21">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.23.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.22">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.23">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.24">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.26.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.25">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.26">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.27">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.29.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.28">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.29">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.30">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.32.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-l"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.31">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.32">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.33">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.35"></div>
    </div>
</div>
中央
バリエーション1
見出し補足(上)

Menu

見出し補足(下)

ここでは当社で提供するサービスについてご案内いたします。

プランA

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.34"></div>
        <div class="t0-b-serviceSet"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-serviceSet__hd t0-b-serviceSet__hd--align-c"><span><span><span></span></span></span>
                <div class="t0-b-serviceSet__hd-caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                <div class="t0-b-serviceSet__hd-h">
                    <h3 data-cms-path="data.contents.1">Menu</h3>
                </div>
                <div class="t0-b-serviceSet__hd-caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
            </div>
            <div class="t0-b-serviceSet__bd"><span><span><span></span></span></span>
                <div class="b-bPlacer-6s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">ここでは当社で提供するサービスについてご案内いたします。</p>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.4">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.5">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.6">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.8.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.7">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.8">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.9">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.11.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.10">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.11">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.12">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.14.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.13">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.14">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.15">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.17.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.16">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.17">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.18">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.20.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.19">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.20">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.21">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.23.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.22">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.23">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.24">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.26.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.25">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.26">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.27">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.29.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.28">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.29">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.30">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.32.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.31">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.32">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.33">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.35"></div>
    </div>
</div>
中央
バリエーション2
見出し補足(上)

Menu

見出し補足(下)

ここでは当社で提供するサービスについてご案内いたします。

プランA

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.34"></div>
        <div class="t0-b-serviceSet2"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-serviceSet2__hd t0-b-serviceSet2__hd--align-c"><span><span><span></span></span></span>
                <div class="t0-b-serviceSet2__hd-caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                <div class="t0-b-serviceSet2__hd-h">
                    <h3 data-cms-path="data.contents.1">Menu</h3>
                </div>
                <div class="t0-b-serviceSet2__hd-caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
            </div>
            <div class="t0-b-serviceSet2__bd"><span><span><span></span></span></span>
                <div class="b-bPlacer-6s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">ここでは当社で提供するサービスについてご案内いたします。</p>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.4">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.5">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.6">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.8.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.7">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.8">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.9">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.11.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.10">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.11">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.12">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.14.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.13">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.14">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.15">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.17.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.16">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.17">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.18">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.20.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.19">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.20">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.21">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.23.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.22">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.23">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.24">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.26.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.25">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.26">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.27">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.29.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.28">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.29">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.30">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.32.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-c"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.31">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.32">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.33">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.35"></div>
    </div>
</div>
バリエーション1
見出し補足(上)

Menu

見出し補足(下)

ここでは当社で提供するサービスについてご案内いたします。

プランA

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.34"></div>
        <div class="t0-b-serviceSet"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-serviceSet__hd t0-b-serviceSet__hd--align-r"><span><span><span></span></span></span>
                <div class="t0-b-serviceSet__hd-caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                <div class="t0-b-serviceSet__hd-h">
                    <h3 data-cms-path="data.contents.1">Menu</h3>
                </div>
                <div class="t0-b-serviceSet__hd-caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
            </div>
            <div class="t0-b-serviceSet__bd"><span><span><span></span></span></span>
                <div class="b-bPlacer-6s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">ここでは当社で提供するサービスについてご案内いたします。</p>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.4">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.5">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.6">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.8.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.7">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.8">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.9">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.11.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.10">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.11">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.12">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.14.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.13">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.14">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.15">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.17.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.16">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.17">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.18">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.20.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.19">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.20">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.21">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.23.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.22">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.23">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.24">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.26.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.25">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.26">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.27">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.29.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.28">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.29">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.30">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.32.switchable" class="t0-b-serviceSet__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet__textColWithH-hd t0-b-serviceSet__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.31">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet__twoColsMedia">
                                            <div class="t0-b-serviceSet__twoColsMedia__div t0-b-serviceSet__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.32">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.33">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.35"></div>
    </div>
</div>
バリエーション2
見出し補足(上)

Menu

見出し補足(下)

ここでは当社で提供するサービスについてご案内いたします。

プランA

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ

プランA

当社を初めてご利用される方向けのワンストップサービスです。

詳細はこちらへ

プランB

パッケージを自由に組み合わせていただけるサービスです。

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.34"></div>
        <div class="t0-b-serviceSet2"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-serviceSet2__hd t0-b-serviceSet2__hd--align-r"><span><span><span></span></span></span>
                <div class="t0-b-serviceSet2__hd-caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                <div class="t0-b-serviceSet2__hd-h">
                    <h3 data-cms-path="data.contents.1">Menu</h3>
                </div>
                <div class="t0-b-serviceSet2__hd-caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
            </div>
            <div class="t0-b-serviceSet2__bd"><span><span><span></span></span></span>
                <div class="b-bPlacer-6s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">ここでは当社で提供するサービスについてご案内いたします。</p>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.4">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.5">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.6">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.8.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.7">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.8">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.9">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.11.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.10">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.11">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.12">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.14.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.13">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.14">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.15">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.17.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.16">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.17">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.18">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.20.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.19">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.20">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.21">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.23.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.22">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.23">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.24">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.26.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.25">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.26">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.27">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s">
                    <div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.29.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.28">プランA</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.29">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>当社を初めてご利用される方向けのワンストップサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.30">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div">
                            <div>
                                <div data-switchable-key="contents.32.switchable" class="t0-b-serviceSet2__textColWithH"><span><span><span></span></span></span>
                                    <div class="t0-b-serviceSet2__textColWithH-hd t0-b-serviceSet2__textColWithH-hd--align-r"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__textColWithH-hd-h">
                                            <h3 data-cms-path="data.contents.31">プランB</h3>
                                        </div>
                                    </div>
                                    <div class="t0-b-serviceSet2__textColWithH-bd"><span><span><span></span></span></span>
                                        <div class="t0-b-serviceSet2__twoColsMedia">
                                            <div class="t0-b-serviceSet2__twoColsMedia__div t0-b-serviceSet2__twoColsMedia--spacing-4s">
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.32">
                                                    <div class="ex-leftSpacingTweak-">
                                                        <div class="b-bPlacer-7s">
                                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                                <p>パッケージを自由に組み合わせていただけるサービスです。</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ex-topSpacingTweak-up-3s">
                                                        <div class="b-bPlacer-4s">
                                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                                <div data-cms-path="data.contents.0">
                                                                    <span></span>
                                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="t0-b-serviceSet2__twoColsMedia__row1col2">
                                                    <div class="outerHtml" data-cms-path="data.contents.33">
                                                        <div>
                                                            <div class="t0-b-mediaOnly">
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.35"></div>
    </div>
</div>

位置設定

/temp/unittest/parts/023_breadcrumbs_breadcrumbs_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1
<div class="mod-part-topicpath">
    <div class="b-bPlacer-4s">
        <div class="b-breadcrumbs b-breadcrumbs--inMain b-breadcrumbs--align-l">
            <div>
                <div itemscope itemtype="http://schema.org/BreadcrumbList" data-cms-path="data.contents.0" data-cms-editable="topicpath">
                    <span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:32693]" itemprop="url"><span itemprop="title">トップページ</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:33583]" itemprop="url"><span itemprop="title">Lv1</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:35778]" itemprop="url"><span itemprop="title">Lv2</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:43121]" itemprop="url"><em><span itemprop="title">Lv3</span></em></a></span>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
<div class="mod-part-topicpath">
    <div class="b-bPlacer-4s">
        <div class="b-breadcrumbs b-breadcrumbs--inMain b-breadcrumbs--align-c">
            <div>
                <div itemscope itemtype="http://schema.org/BreadcrumbList" data-cms-path="data.contents.0" data-cms-editable="topicpath">
                    <span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:32693]" itemprop="url"><span itemprop="title">トップページ</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:33583]" itemprop="url"><span itemprop="title">Lv1</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:35778]" itemprop="url"><span itemprop="title">Lv2</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:43121]" itemprop="url"><em><span itemprop="title">Lv3</span></em></a></span>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
<div class="mod-part-topicpath">
    <div class="b-bPlacer-4s">
        <div class="b-breadcrumbs b-breadcrumbs--inMain b-breadcrumbs--align-r">
            <div>
                <div itemscope itemtype="http://schema.org/BreadcrumbList" data-cms-path="data.contents.0" data-cms-editable="topicpath">
                    <span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:32693]" itemprop="url"><span itemprop="title">トップページ</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:33583]" itemprop="url"><span itemprop="title">Lv1</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:35778]" itemprop="url"><span itemprop="title">Lv2</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:43121]" itemprop="url"><em><span itemprop="title">Lv3</span></em></a></span>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/032_lv1H-mainH_lv1H-mainH_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様


アイコンが同時に移動する場合は、見出し補足は左寄せのまま
https://sites.google.com/a/wmshome.net/akibarehp-portal/publish-page/part-element/align

テストケース:

  • 指定した通りの位置で表示されていること 
  • (アイコン + テキストのみの場合)アイコンがテキストと同時に移動していること (PCのみ)
  • (アイコン + テキストのみの場合)補足が左寄せのままであること (PCのみ)
バリエーション1
ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)

ページ見出し

ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)
<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv1H-mainH t0-b-lv1H-mainH--align-l">
            <span><span><span></span></span></span>
            <div class="t0-b-lv1H-mainH__caption-upper" data-cms-path="data.contents.0">ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)</div>
            <h1 class="t0-b-lv1H-mainH__bd" data-cms-path="data.contents.1">ページ見出し</h1>
            <div class="t0-b-lv1H-mainH__caption-lower" data-cms-path="data.contents.2">ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)</div>
        </div>
    </div>
</div>
バリエーション2
ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)

ページ見出し

ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)
<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv1H-mainH2 t0-b-lv1H-mainH2--align-l">
            <span><span><span></span></span></span>
            <div class="t0-b-lv1H-mainH2__caption-upper" data-cms-path="data.contents.0">ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)</div>
            <h1 class="t0-b-lv1H-mainH2__bd" data-cms-path="data.contents.1">ページ見出し</h1>
            <div class="t0-b-lv1H-mainH2__caption-lower" data-cms-path="data.contents.2">ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)</div>
        </div>
    </div>
</div>
中央
バリエーション1
ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)

ページ見出し

ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)
<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv1H-mainH t0-b-lv1H-mainH--align-c">
            <span><span><span></span></span></span>
            <div class="t0-b-lv1H-mainH__caption-upper" data-cms-path="data.contents.0">ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)</div>
            <h1 class="t0-b-lv1H-mainH__bd" data-cms-path="data.contents.1">ページ見出し</h1>
            <div class="t0-b-lv1H-mainH__caption-lower" data-cms-path="data.contents.2">ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)</div>
        </div>
    </div>
</div>
中央
バリエーション2
ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)

ページ見出し

ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)
<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv1H-mainH2 t0-b-lv1H-mainH2--align-c">
            <span><span><span></span></span></span>
            <div class="t0-b-lv1H-mainH2__caption-upper" data-cms-path="data.contents.0">ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)</div>
            <h1 class="t0-b-lv1H-mainH2__bd" data-cms-path="data.contents.1">ページ見出し</h1>
            <div class="t0-b-lv1H-mainH2__caption-lower" data-cms-path="data.contents.2">ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)</div>
        </div>
    </div>
</div>
バリエーション1
ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)

ページ見出し

ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)
<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv1H-mainH t0-b-lv1H-mainH--align-r">
            <span><span><span></span></span></span>
            <div class="t0-b-lv1H-mainH__caption-upper" data-cms-path="data.contents.0">ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)</div>
            <h1 class="t0-b-lv1H-mainH__bd" data-cms-path="data.contents.1">ページ見出し</h1>
            <div class="t0-b-lv1H-mainH__caption-lower" data-cms-path="data.contents.2">ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)</div>
        </div>
    </div>
</div>
バリエーション2
ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)

ページ見出し

ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)
<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv1H-mainH2 t0-b-lv1H-mainH2--align-r">
            <span><span><span></span></span></span>
            <div class="t0-b-lv1H-mainH2__caption-upper" data-cms-path="data.contents.0">ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)</div>
            <h1 class="t0-b-lv1H-mainH2__bd" data-cms-path="data.contents.1">ページ見出し</h1>
            <div class="t0-b-lv1H-mainH2__caption-lower" data-cms-path="data.contents.2">ページ見出しを補足する文を書いてください(例:Welcome to Sample Company)</div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/033_lv2H_lv2H_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1

大見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H t0-b-lv2H--align-l t0-b-lv2H--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H__iconPlacer">
                    <span class="t0-b-lv2H__icon"></span>
                </div>
                <h2 data-cms-path="data.contents.0">大見出し</h2>
            </div>
        </div>
    </div>
</div>
バリエーション2

大見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H2 t0-b-lv2H2--align-l t0-b-lv2H2--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H2__iconPlacer">
                    <span class="t0-b-lv2H2__icon"></span>
                </div>
                <h2 data-cms-path="data.contents.0">大見出し</h2>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1

大見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H t0-b-lv2H--align-c t0-b-lv2H--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H__iconPlacer">
                    <span class="t0-b-lv2H__icon"></span>
                </div>
                <h2 data-cms-path="data.contents.0">大見出し</h2>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2

大見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H2 t0-b-lv2H2--align-c t0-b-lv2H2--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H2__iconPlacer">
                    <span class="t0-b-lv2H2__icon"></span>
                </div>
                <h2 data-cms-path="data.contents.0">大見出し</h2>
            </div>
        </div>
    </div>
</div>
バリエーション1

大見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H t0-b-lv2H--align-r t0-b-lv2H--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H__iconPlacer">
                    <span class="t0-b-lv2H__icon"></span>
                </div>
                <h2 data-cms-path="data.contents.0">大見出し</h2>
            </div>
        </div>
    </div>
</div>
バリエーション2

大見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H2 t0-b-lv2H2--align-r t0-b-lv2H2--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H2__iconPlacer">
                    <span class="t0-b-lv2H2__icon"></span>
                </div>
                <h2 data-cms-path="data.contents.0">大見出し</h2>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/034_lv3H_lv3H_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1

中見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv3H t0-b-lv3H--align-l t0-b-lv3H--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv3H__iconPlacer">
                    <span class="t0-b-lv3H__icon"></span>
                </div>
                <h3 data-cms-path="data.contents.0">中見出し</h3>
            </div>
        </div>
    </div>
</div>
バリエーション2

中見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv3H2 t0-b-lv3H2--align-l t0-b-lv3H2--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv3H2__iconPlacer">
                    <span class="t0-b-lv3H2__icon"></span>
                </div>
                <h3 data-cms-path="data.contents.0">中見出し</h3>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1

中見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv3H t0-b-lv3H--align-c t0-b-lv3H--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv3H__iconPlacer">
                    <span class="t0-b-lv3H__icon"></span>
                </div>
                <h3 data-cms-path="data.contents.0">中見出し</h3>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2

中見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv3H2 t0-b-lv3H2--align-c t0-b-lv3H2--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv3H2__iconPlacer">
                    <span class="t0-b-lv3H2__icon"></span>
                </div>
                <h3 data-cms-path="data.contents.0">中見出し</h3>
            </div>
        </div>
    </div>
</div>
バリエーション1

中見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv3H t0-b-lv3H--align-r t0-b-lv3H--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv3H__iconPlacer">
                    <span class="t0-b-lv3H__icon"></span>
                </div>
                <h3 data-cms-path="data.contents.0">中見出し</h3>
            </div>
        </div>
    </div>
</div>
バリエーション2

中見出し

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv3H2 t0-b-lv3H2--align-r t0-b-lv3H2--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv3H2__iconPlacer">
                    <span class="t0-b-lv3H2__icon"></span>
                </div>
                <h3 data-cms-path="data.contents.0">中見出し</h3>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/035_lv4H_lv4H_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H t0-b-lv4H--align-l t0-b-lv4H--size-2" data-height-part=""><span><span><span></span></span></span>
            <div class="t0-b-lv4H__box">
                <div class="t0-b-lv4H__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4H__bd"><span><span><span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4H__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>
バリエーション2
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H2 t0-b-lv4H2--align-l t0-b-lv4H2--size-2" data-height-part=""><span><span><span></span></span></span>
            <div class="t0-b-lv4H2__box">
                <div class="t0-b-lv4H2__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4H2__bd"><span><span><span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4H2__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>
中央
バリエーション1
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H t0-b-lv4H--align-c t0-b-lv4H--size-2" data-height-part=""><span><span><span></span></span></span>
            <div class="t0-b-lv4H__box">
                <div class="t0-b-lv4H__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4H__bd"><span><span><span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4H__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>
中央
バリエーション2
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H2 t0-b-lv4H2--align-c t0-b-lv4H2--size-2" data-height-part=""><span><span><span></span></span></span>
            <div class="t0-b-lv4H2__box">
                <div class="t0-b-lv4H2__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4H2__bd"><span><span><span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4H2__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>
バリエーション1
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H t0-b-lv4H--align-r t0-b-lv4H--size-2" data-height-part=""><span><span><span></span></span></span>
            <div class="t0-b-lv4H__box">
                <div class="t0-b-lv4H__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4H__bd"><span><span><span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4H__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>
バリエーション2
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H2 t0-b-lv4H2--align-r t0-b-lv4H2--size-2" data-height-part=""><span><span><span></span></span></span>
            <div class="t0-b-lv4H2__box">
                <div class="t0-b-lv4H2__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4H2__bd"><span><span><span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4H2__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/036_lv4H-numIcon_lv4H-numIcon_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align-l t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--anshin-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align-l t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--anshin-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align-c t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--anshin-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align-c t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--anshin-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align-r t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--anshin-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align-r t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--anshin-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/037_lv5H_lv5H_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1
小見出し補足
小見出し
小見出し補足
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-lv5H t0-b-lv5H--align-l t0-b-lv5H--size-2" data-height-part="">
            <div class="t0-b-lv5H__caption-upper" data-cms-path="data.contents.0">小見出し補足</div>
            <div class="t0-b-lv5H__main">
                <div class="t0-b-lv5H__bd">
                    <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                </div>
            </div>
            <div class="t0-b-lv5H__caption-lower" data-cms-path="data.contents.2">小見出し補足</div>
        </div>
    </div>
</div>
バリエーション2
小見出し補足
小見出し
小見出し補足
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-lv5H2 t0-b-lv5H2--align-l t0-b-lv5H2--size-2" data-height-part="">
            <div class="t0-b-lv5H2__caption-upper" data-cms-path="data.contents.0">小見出し補足</div>
            <div class="t0-b-lv5H2__main">
                <div class="t0-b-lv5H2__bd">
                    <div class="t0-b-lv5H2__iconPlacer"><span class="t0-b-lv5H2__icon"></span></div>
                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                </div>
            </div>
            <div class="t0-b-lv5H2__caption-lower" data-cms-path="data.contents.2">小見出し補足</div>
        </div>
    </div>
</div>
中央
バリエーション1
小見出し補足
小見出し
小見出し補足
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-lv5H t0-b-lv5H--align-c t0-b-lv5H--size-2" data-height-part="">
            <div class="t0-b-lv5H__caption-upper" data-cms-path="data.contents.0">小見出し補足</div>
            <div class="t0-b-lv5H__main">
                <div class="t0-b-lv5H__bd">
                    <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                </div>
            </div>
            <div class="t0-b-lv5H__caption-lower" data-cms-path="data.contents.2">小見出し補足</div>
        </div>
    </div>
</div>
中央
バリエーション2
小見出し補足
小見出し
小見出し補足
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-lv5H2 t0-b-lv5H2--align-c t0-b-lv5H2--size-2" data-height-part="">
            <div class="t0-b-lv5H2__caption-upper" data-cms-path="data.contents.0">小見出し補足</div>
            <div class="t0-b-lv5H2__main">
                <div class="t0-b-lv5H2__bd">
                    <div class="t0-b-lv5H2__iconPlacer"><span class="t0-b-lv5H2__icon"></span></div>
                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                </div>
            </div>
            <div class="t0-b-lv5H2__caption-lower" data-cms-path="data.contents.2">小見出し補足</div>
        </div>
    </div>
</div>
バリエーション1
小見出し補足
小見出し
小見出し補足
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-lv5H t0-b-lv5H--align-r t0-b-lv5H--size-2" data-height-part="">
            <div class="t0-b-lv5H__caption-upper" data-cms-path="data.contents.0">小見出し補足</div>
            <div class="t0-b-lv5H__main">
                <div class="t0-b-lv5H__bd">
                    <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                </div>
            </div>
            <div class="t0-b-lv5H__caption-lower" data-cms-path="data.contents.2">小見出し補足</div>
        </div>
    </div>
</div>
バリエーション2
小見出し補足
小見出し
小見出し補足
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-lv5H2 t0-b-lv5H2--align-r t0-b-lv5H2--size-2" data-height-part="">
            <div class="t0-b-lv5H2__caption-upper" data-cms-path="data.contents.0">小見出し補足</div>
            <div class="t0-b-lv5H2__main">
                <div class="t0-b-lv5H2__bd">
                    <div class="t0-b-lv5H2__iconPlacer"><span class="t0-b-lv5H2__icon"></span></div>
                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                </div>
            </div>
            <div class="t0-b-lv5H2__caption-lower" data-cms-path="data.contents.2">小見出し補足</div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/038_lv5H-subH_lv5H-subH_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1
表組みタイトル
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv5H-subH t0-b-lv5H-subH--align-l t0-b-lv5H-subH--size-2" data-height-part="">
            <h5 data-cms-path="data.contents.0">表組みタイトル</h5>
        </div>
    </div>
</div>
中央
バリエーション1
表組みタイトル
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv5H-subH t0-b-lv5H-subH--align-c t0-b-lv5H-subH--size-2" data-height-part="">
            <h5 data-cms-path="data.contents.0">表組みタイトル</h5>
        </div>
    </div>
</div>
バリエーション1
表組みタイトル
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv5H-subH t0-b-lv5H-subH--align-r t0-b-lv5H-subH--size-2" data-height-part="">
            <h5 data-cms-path="data.contents.0">表組みタイトル</h5>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/039_media_media_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1
画像見出し

画像内文字

画像内文字

画像見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

詳細はこちらへ
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                            <div class="t0-b-media__h-upper t0-b-media--align-l">
                                <div data-cms-path="data.contents.0">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media__media">
                                <span><span><span></span></span></span>
                                <div class="t0-b-media__textOnImage-upper">
                                    <p class="" data-cms-path="data.contents.5">
                                        画像内文字
                                    </p>
                                </div>
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                <div class="t0-b-media__textOnImage-lower">
                                    <p class="" data-cms-path="data.contents.6">
                                        画像内文字
                                    </p>
                                </div>
                            </div>
                            <div class="t0-b-media__h-lower t0-b-media--align-l">
                                <div data-cms-path="data.contents.2">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media__caption">
                                <p data-cms-path="data.contents.3">
                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-l">
            <div data-cms-path="data.contents.4">
                <span></span>
                <div data-cms-contenteditable="data.contents.4.text">
                    詳細はこちらへ
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
画像見出し

画像内文字

画像内文字

画像見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

詳細はこちらへ
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-media2 t0-b-media2--width-" data-height-part="">
                            <div class="t0-b-media2__h-upper t0-b-media2--align-l">
                                <div data-cms-path="data.contents.0">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media2__media">
                                <span><span><span></span></span></span>
                                <div class="t0-b-media2__textOnImage-upper">
                                    <p class="" data-cms-path="data.contents.5">
                                        画像内文字
                                    </p>
                                </div>
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                <div class="t0-b-media2__textOnImage-lower">
                                    <p class="" data-cms-path="data.contents.6">
                                        画像内文字
                                    </p>
                                </div>
                            </div>
                            <div class="t0-b-media2__h-lower t0-b-media2--align-l">
                                <div data-cms-path="data.contents.2">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media2__caption">
                                <p data-cms-path="data.contents.3">
                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-l">
            <div data-cms-path="data.contents.4">
                <span></span>
                <div data-cms-contenteditable="data.contents.4.text">
                    詳細はこちらへ
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション3
画像見出し

画像内文字

画像内文字

画像見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

詳細はこちらへ
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-media3 t0-b-media3--width-" data-height-part="">
                            <div class="t0-b-media3__h-upper t0-b-media3--align-l">
                                <div data-cms-path="data.contents.0">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media3__media">
                                <span><span><span></span></span></span>
                                <div class="t0-b-media3__textOnImage-upper">
                                    <p class="" data-cms-path="data.contents.5">
                                        画像内文字
                                    </p>
                                </div>
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                <div class="t0-b-media3__textOnImage-lower">
                                    <p class="" data-cms-path="data.contents.6">
                                        画像内文字
                                    </p>
                                </div>
                            </div>
                            <div class="t0-b-media3__h-lower t0-b-media3--align-l">
                                <div data-cms-path="data.contents.2">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media3__caption">
                                <p data-cms-path="data.contents.3">
                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-l">
            <div data-cms-path="data.contents.4">
                <span></span>
                <div data-cms-contenteditable="data.contents.4.text">
                    詳細はこちらへ
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
画像見出し

画像内文字

画像内文字

画像見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

詳細はこちらへ
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                            <div class="t0-b-media__h-upper t0-b-media--align-c">
                                <div data-cms-path="data.contents.0">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media__media">
                                <span><span><span></span></span></span>
                                <div class="t0-b-media__textOnImage-upper">
                                    <p class="" data-cms-path="data.contents.5">
                                        画像内文字
                                    </p>
                                </div>
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                <div class="t0-b-media__textOnImage-lower">
                                    <p class="" data-cms-path="data.contents.6">
                                        画像内文字
                                    </p>
                                </div>
                            </div>
                            <div class="t0-b-media__h-lower t0-b-media--align-c">
                                <div data-cms-path="data.contents.2">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media__caption">
                                <p data-cms-path="data.contents.3">
                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-c">
            <div data-cms-path="data.contents.4">
                <span></span>
                <div data-cms-contenteditable="data.contents.4.text">
                    詳細はこちらへ
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2
画像見出し

画像内文字

画像内文字

画像見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

詳細はこちらへ
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-media2 t0-b-media2--width-" data-height-part="">
                            <div class="t0-b-media2__h-upper t0-b-media2--align-c">
                                <div data-cms-path="data.contents.0">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media2__media">
                                <span><span><span></span></span></span>
                                <div class="t0-b-media2__textOnImage-upper">
                                    <p class="" data-cms-path="data.contents.5">
                                        画像内文字
                                    </p>
                                </div>
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                <div class="t0-b-media2__textOnImage-lower">
                                    <p class="" data-cms-path="data.contents.6">
                                        画像内文字
                                    </p>
                                </div>
                            </div>
                            <div class="t0-b-media2__h-lower t0-b-media2--align-c">
                                <div data-cms-path="data.contents.2">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media2__caption">
                                <p data-cms-path="data.contents.3">
                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-c">
            <div data-cms-path="data.contents.4">
                <span></span>
                <div data-cms-contenteditable="data.contents.4.text">
                    詳細はこちらへ
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション3
画像見出し

画像内文字

画像内文字

画像見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

詳細はこちらへ
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-media3 t0-b-media3--width-" data-height-part="">
                            <div class="t0-b-media3__h-upper t0-b-media3--align-c">
                                <div data-cms-path="data.contents.0">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media3__media">
                                <span><span><span></span></span></span>
                                <div class="t0-b-media3__textOnImage-upper">
                                    <p class="" data-cms-path="data.contents.5">
                                        画像内文字
                                    </p>
                                </div>
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                <div class="t0-b-media3__textOnImage-lower">
                                    <p class="" data-cms-path="data.contents.6">
                                        画像内文字
                                    </p>
                                </div>
                            </div>
                            <div class="t0-b-media3__h-lower t0-b-media3--align-c">
                                <div data-cms-path="data.contents.2">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media3__caption">
                                <p data-cms-path="data.contents.3">
                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-c">
            <div data-cms-path="data.contents.4">
                <span></span>
                <div data-cms-contenteditable="data.contents.4.text">
                    詳細はこちらへ
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
画像見出し

画像内文字

画像内文字

画像見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

詳細はこちらへ
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                            <div class="t0-b-media__h-upper t0-b-media--align-r">
                                <div data-cms-path="data.contents.0">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media__media">
                                <span><span><span></span></span></span>
                                <div class="t0-b-media__textOnImage-upper">
                                    <p class="" data-cms-path="data.contents.5">
                                        画像内文字
                                    </p>
                                </div>
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                <div class="t0-b-media__textOnImage-lower">
                                    <p class="" data-cms-path="data.contents.6">
                                        画像内文字
                                    </p>
                                </div>
                            </div>
                            <div class="t0-b-media__h-lower t0-b-media--align-r">
                                <div data-cms-path="data.contents.2">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media__caption">
                                <p data-cms-path="data.contents.3">
                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-r">
            <div data-cms-path="data.contents.4">
                <span></span>
                <div data-cms-contenteditable="data.contents.4.text">
                    詳細はこちらへ
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
画像見出し

画像内文字

画像内文字

画像見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

詳細はこちらへ
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-media2 t0-b-media2--width-" data-height-part="">
                            <div class="t0-b-media2__h-upper t0-b-media2--align-r">
                                <div data-cms-path="data.contents.0">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media2__media">
                                <span><span><span></span></span></span>
                                <div class="t0-b-media2__textOnImage-upper">
                                    <p class="" data-cms-path="data.contents.5">
                                        画像内文字
                                    </p>
                                </div>
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                <div class="t0-b-media2__textOnImage-lower">
                                    <p class="" data-cms-path="data.contents.6">
                                        画像内文字
                                    </p>
                                </div>
                            </div>
                            <div class="t0-b-media2__h-lower t0-b-media2--align-r">
                                <div data-cms-path="data.contents.2">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media2__caption">
                                <p data-cms-path="data.contents.3">
                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-r">
            <div data-cms-path="data.contents.4">
                <span></span>
                <div data-cms-contenteditable="data.contents.4.text">
                    詳細はこちらへ
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション3
画像見出し

画像内文字

画像内文字

画像見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

詳細はこちらへ
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-media3 t0-b-media3--width-" data-height-part="">
                            <div class="t0-b-media3__h-upper t0-b-media3--align-r">
                                <div data-cms-path="data.contents.0">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media3__media">
                                <span><span><span></span></span></span>
                                <div class="t0-b-media3__textOnImage-upper">
                                    <p class="" data-cms-path="data.contents.5">
                                        画像内文字
                                    </p>
                                </div>
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                <div class="t0-b-media3__textOnImage-lower">
                                    <p class="" data-cms-path="data.contents.6">
                                        画像内文字
                                    </p>
                                </div>
                            </div>
                            <div class="t0-b-media3__h-lower t0-b-media3--align-r">
                                <div data-cms-path="data.contents.2">
                                    画像見出し
                                </div>
                            </div>
                            <div class="t0-b-media3__caption">
                                <p data-cms-path="data.contents.3">
                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-r">
            <div data-cms-path="data.contents.4">
                <span></span>
                <div data-cms-contenteditable="data.contents.4.text">
                    詳細はこちらへ
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/040_navItem_navItem_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 位置設定が反映されていないこと (SPのみ)
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-l" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-c" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-r" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/040_navItem_navItemDouble_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 位置設定が反映されていないこと (SPのみ)
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-l">
                            <div data-cms-path="data.contents.0">
                                <span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-l">
                            <div data-cms-path="data.contents.1">
                                <span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-c">
                            <div data-cms-path="data.contents.0">
                                <span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-c">
                            <div data-cms-path="data.contents.1">
                                <span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-r">
                            <div data-cms-path="data.contents.0">
                                <span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-r">
                            <div data-cms-path="data.contents.1">
                                <span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/041_navItemCaptioned_navItemCaptioned_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 位置設定が反映されていないこと (SPのみ)
バリエーション1
詳細はこちらへ
誘導リンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-3 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-l" data-height-part="">
            <div class="">
                <span></span>
                <div data-cms-path="data.contents.0">
                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.1">誘導リンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
詳細はこちらへ
誘導リンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-3 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-c" data-height-part="">
            <div class="">
                <span></span>
                <div data-cms-path="data.contents.0">
                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.1">誘導リンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
誘導リンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-3 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-r" data-height-part="">
            <div class="">
                <span></span>
                <div data-cms-path="data.contents.0">
                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.1">誘導リンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/041_navItemCaptioned_navItemCaptionedDouble_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 位置設定が反映されていないこと (SPのみ)
バリエーション1
詳細はこちらへ
誘導リンク補足
詳細はこちらへ
誘導リンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-3 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-l">
                            <div class="">
                                <span></span>
                                <div data-cms-path="data.contents.0">
                                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.1">誘導リンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-3 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-l">
                            <div class="">
                                <span></span>
                                <div data-cms-path="data.contents.2">
                                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.3">誘導リンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
詳細はこちらへ
誘導リンク補足
詳細はこちらへ
誘導リンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-3 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-c">
                            <div class="">
                                <span></span>
                                <div data-cms-path="data.contents.0">
                                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.1">誘導リンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-3 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-c">
                            <div class="">
                                <span></span>
                                <div data-cms-path="data.contents.2">
                                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.3">誘導リンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
誘導リンク補足
詳細はこちらへ
誘導リンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-3 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-r">
                            <div class="">
                                <span></span>
                                <div data-cms-path="data.contents.0">
                                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.1">誘導リンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemCaptioned t0-b-navItemCaptioned--size-3 t0-b-navItemCaptioned--width- t0-b-navItemCaptioned--align-r">
                            <div class="">
                                <span></span>
                                <div data-cms-path="data.contents.2">
                                    <div class="t0-b-navItemCaptioned__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navItemCaptioned__caption" data-cms-path="data.contents.3">誘導リンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/043_navItemWithImg_navItemWithImg_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 位置設定が反映されていないこと (SPのみ)
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-navItemWithImg t0-b-navItemWithImg--imgR t0-b-navItemWithImg--width-m t0-b-navItemWithImg--align-l" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div class="t0-b-navItemWithImg__img">
                    <img src="https://placehold.jp/400x160.png">
                </div>
                <div data-cms-contenteditable="data.contents.0.text" class="t0-b-navItemWithImg__text">
                    詳細はこちらへ
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-navItemWithImg t0-b-navItemWithImg--imgR t0-b-navItemWithImg--width-m t0-b-navItemWithImg--align-c" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div class="t0-b-navItemWithImg__img">
                    <img src="https://placehold.jp/400x160.png">
                </div>
                <div data-cms-contenteditable="data.contents.0.text" class="t0-b-navItemWithImg__text">
                    詳細はこちらへ
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-navItemWithImg t0-b-navItemWithImg--imgR t0-b-navItemWithImg--width-m t0-b-navItemWithImg--align-r" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div class="t0-b-navItemWithImg__img">
                    <img src="https://placehold.jp/400x160.png">
                </div>
                <div data-cms-contenteditable="data.contents.0.text" class="t0-b-navItemWithImg__text">
                    詳細はこちらへ
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/043_navItemWithImg_navItemWithImgDouble_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 位置設定が反映されていないこと (SPのみ)
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemWithImg t0-b-navItemWithImg--imgR t0-b-navItemWithImg--width- t0-b-navItemWithImg--align-l">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div class="t0-b-navItemWithImg__img">
                                    <img src="https://placehold.jp/400x160.png">
                                </div>
                                <div data-cms-contenteditable="data.contents.0.text" class="t0-b-navItemWithImg__text">
                                    詳細はこちらへ
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemWithImg t0-b-navItemWithImg--imgR t0-b-navItemWithImg--width- t0-b-navItemWithImg--align-l">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div class="t0-b-navItemWithImg__img">
                                    <img src="https://placehold.jp/400x160.png">
                                </div>
                                <div data-cms-contenteditable="data.contents.1.text" class="t0-b-navItemWithImg__text">
                                    詳細はこちらへ
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemWithImg t0-b-navItemWithImg--imgR t0-b-navItemWithImg--width- t0-b-navItemWithImg--align-c">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div class="t0-b-navItemWithImg__img">
                                    <img src="https://placehold.jp/400x160.png">
                                </div>
                                <div data-cms-contenteditable="data.contents.0.text" class="t0-b-navItemWithImg__text">
                                    詳細はこちらへ
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemWithImg t0-b-navItemWithImg--imgR t0-b-navItemWithImg--width- t0-b-navItemWithImg--align-c">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div class="t0-b-navItemWithImg__img">
                                    <img src="https://placehold.jp/400x160.png">
                                </div>
                                <div data-cms-contenteditable="data.contents.1.text" class="t0-b-navItemWithImg__text">
                                    詳細はこちらへ
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemWithImg t0-b-navItemWithImg--imgR t0-b-navItemWithImg--width- t0-b-navItemWithImg--align-r">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div class="t0-b-navItemWithImg__img">
                                    <img src="https://placehold.jp/400x160.png">
                                </div>
                                <div data-cms-contenteditable="data.contents.0.text" class="t0-b-navItemWithImg__text">
                                    詳細はこちらへ
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemWithImg t0-b-navItemWithImg--imgR t0-b-navItemWithImg--width- t0-b-navItemWithImg--align-r">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div class="t0-b-navItemWithImg__img">
                                    <img src="https://placehold.jp/400x160.png">
                                </div>
                                <div data-cms-contenteditable="data.contents.1.text" class="t0-b-navItemWithImg__text">
                                    詳細はこちらへ
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/045_iconText-tel_iconText-tel_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 位置設定が反映されていないこと (SPのみ)
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-3 t0-b-iconText-tel--align-l" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__tel"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
中央
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-3 t0-b-iconText-tel--align-c" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__tel"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-3 t0-b-iconText-tel--align-r" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__tel"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/046_iconText-mail_iconText-mail_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 位置設定が反映されていないこと (SPのみ)
バリエーション1
<div>
    <div class="b-bPlacer-6s">
        <div class="t0-b-iconText-mail t0-b-iconText-mail--size-1 t0-b-iconText-mail--align-l" data-cms-path="data.contents.0" data-height-part="">
            <div>
                <div class="t0-b-iconText-mail__bd">
                    <span class="t0-b-iconText-mail__icon"></span><a href="mailto:example@example.com">example@example.com</a></div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
<div>
    <div class="b-bPlacer-6s">
        <div class="t0-b-iconText-mail t0-b-iconText-mail--size-1 t0-b-iconText-mail--align-c" data-cms-path="data.contents.0" data-height-part="">
            <div>
                <div class="t0-b-iconText-mail__bd">
                    <span class="t0-b-iconText-mail__icon"></span><a href="mailto:example@example.com">example@example.com</a></div>
            </div>
        </div>
    </div>
</div>
バリエーション1
<div>
    <div class="b-bPlacer-6s">
        <div class="t0-b-iconText-mail t0-b-iconText-mail--size-1 t0-b-iconText-mail--align-r" data-cms-path="data.contents.0" data-height-part="">
            <div>
                <div class="t0-b-iconText-mail__bd">
                    <span class="t0-b-iconText-mail__icon"></span><a href="mailto:example@example.com">example@example.com</a></div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/048_lv2H-faqIcon_lv2H-faqIcon_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様


補足は左寄せのまま

テストケース:

  • 指定した通りの位置で表示されていること 
  • (アイコン + テキストのみの場合)アイコンがテキストと同時に移動していること (PCのみ)
  • (アイコン + テキストのみの場合)補足が左寄せのままであること (PCのみ)
バリエーション1

よくあるご質問

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H-faqIcon t0-b-lv2H-faqIcon--align-l t0-b-lv2H-faqIcon--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H-faqIcon__iconPlacer">
                    <span class="t0-b-lv2H-faqIcon__icon"></span>
                </div>
                <h2 class="t0-b-lv2H-faqIcon__h" data-cms-path="data.contents.0">よくあるご質問</h2>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1

よくあるご質問

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H-faqIcon t0-b-lv2H-faqIcon--align-c t0-b-lv2H-faqIcon--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H-faqIcon__iconPlacer">
                    <span class="t0-b-lv2H-faqIcon__icon"></span>
                </div>
                <h2 class="t0-b-lv2H-faqIcon__h" data-cms-path="data.contents.0">よくあるご質問</h2>
            </div>
        </div>
    </div>
</div>
バリエーション1

よくあるご質問

<div class="ex-leftSpacingTweak-">
    <div class="b-bPlacer-4s">

        <div class="t0-b-lv2H-faqIcon t0-b-lv2H-faqIcon--align-r t0-b-lv2H-faqIcon--size-2" data-height-part="">
            <span><span><span></span></span></span>
            <div>
                <div class="t0-b-lv2H-faqIcon__iconPlacer">
                    <span class="t0-b-lv2H-faqIcon__icon"></span>
                </div>
                <h2 class="t0-b-lv2H-faqIcon__h" data-cms-path="data.contents.0">よくあるご質問</h2>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/049_lv4H-caseIcon_lv4H-caseIcon_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様


補足は左寄せのまま

テストケース:

  • 指定した通りの位置で表示されていること 
  • (アイコン + テキストのみの場合)アイコンがテキストと同時に移動していること (PCのみ)
  • (アイコン + テキストのみの場合)補足が左寄せのままであること (PCのみ)
バリエーション1
見出し補足(上)

事例のご紹介

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-caseIcon t0-b-lv4H-caseIcon--align-l t0-b-lv4H-caseIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-caseIcon__iconPlacer"><span class="t0-b-lv4H-caseIcon__icon"></span></div>
                <div class="t0-b-lv4H-caseIcon__bd">
                    <div class="t0-b-lv4H-caseIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-caseIcon__h t0-b-lv4H-caseIcon--align-l" data-cms-path="data.contents.1">
                        事例のご紹介
                    </h4>
                    <div class="t0-b-lv4H-caseIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
見出し補足(上)

事例のご紹介

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-caseIcon2 t0-b-lv4H-caseIcon2--align-l t0-b-lv4H-caseIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-caseIcon2__iconPlacer"><span class="t0-b-lv4H-caseIcon2__icon"></span></div>
                <div class="t0-b-lv4H-caseIcon2__bd">
                    <div class="t0-b-lv4H-caseIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-caseIcon2__h t0-b-lv4H-caseIcon2--align-l" data-cms-path="data.contents.1">
                        事例のご紹介
                    </h4>
                    <div class="t0-b-lv4H-caseIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
見出し補足(上)

事例のご紹介

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-caseIcon t0-b-lv4H-caseIcon--align-c t0-b-lv4H-caseIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-caseIcon__iconPlacer"><span class="t0-b-lv4H-caseIcon__icon"></span></div>
                <div class="t0-b-lv4H-caseIcon__bd">
                    <div class="t0-b-lv4H-caseIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-caseIcon__h t0-b-lv4H-caseIcon--align-c" data-cms-path="data.contents.1">
                        事例のご紹介
                    </h4>
                    <div class="t0-b-lv4H-caseIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2
見出し補足(上)

事例のご紹介

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-caseIcon2 t0-b-lv4H-caseIcon2--align-c t0-b-lv4H-caseIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-caseIcon2__iconPlacer"><span class="t0-b-lv4H-caseIcon2__icon"></span></div>
                <div class="t0-b-lv4H-caseIcon2__bd">
                    <div class="t0-b-lv4H-caseIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-caseIcon2__h t0-b-lv4H-caseIcon2--align-c" data-cms-path="data.contents.1">
                        事例のご紹介
                    </h4>
                    <div class="t0-b-lv4H-caseIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
見出し補足(上)

事例のご紹介

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-caseIcon t0-b-lv4H-caseIcon--align-r t0-b-lv4H-caseIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-caseIcon__iconPlacer"><span class="t0-b-lv4H-caseIcon__icon"></span></div>
                <div class="t0-b-lv4H-caseIcon__bd">
                    <div class="t0-b-lv4H-caseIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-caseIcon__h t0-b-lv4H-caseIcon--align-r" data-cms-path="data.contents.1">
                        事例のご紹介
                    </h4>
                    <div class="t0-b-lv4H-caseIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
見出し補足(上)

事例のご紹介

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-caseIcon2 t0-b-lv4H-caseIcon2--align-r t0-b-lv4H-caseIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-caseIcon2__iconPlacer"><span class="t0-b-lv4H-caseIcon2__icon"></span></div>
                <div class="t0-b-lv4H-caseIcon2__bd">
                    <div class="t0-b-lv4H-caseIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-caseIcon2__h t0-b-lv4H-caseIcon2--align-r" data-cms-path="data.contents.1">
                        事例のご紹介
                    </h4>
                    <div class="t0-b-lv4H-caseIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/050_lv4H-voiceIcon_lv4H-voiceIcon_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様


補足は左寄せのまま

テストケース:

  • 指定した通りの位置で表示されていること 
  • (アイコン + テキストのみの場合)アイコンがテキストと同時に移動していること (PCのみ)
  • (アイコン + テキストのみの場合)補足が左寄せのままであること (PCのみ)
バリエーション1
見出し補足(上)

お客様の声

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-voiceIcon t0-b-lv4H-voiceIcon--align-l t0-b-lv4H-voiceIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-voiceIcon__iconPlacer"><span class="t0-b-lv4H-voiceIcon__icon"></span></div>
                <div class="t0-b-lv4H-voiceIcon__bd">
                    <div class="t0-b-lv4H-voiceIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-voiceIcon__h t0-b-lv4H-voiceIcon--align-l" data-cms-path="data.contents.1">
                        お客様の声
                    </h4>
                    <div class="t0-b-lv4H-voiceIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
見出し補足(上)

お客様の声

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-voiceIcon2 t0-b-lv4H-voiceIcon2--align-l t0-b-lv4H-voiceIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-voiceIcon2__iconPlacer"><span class="t0-b-lv4H-voiceIcon2__icon"></span></div>
                <div class="t0-b-lv4H-voiceIcon2__bd">
                    <div class="t0-b-lv4H-voiceIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-voiceIcon2__h t0-b-lv4H-voiceIcon2--align-l" data-cms-path="data.contents.1">
                        お客様の声
                    </h4>
                    <div class="t0-b-lv4H-voiceIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
見出し補足(上)

お客様の声

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-voiceIcon t0-b-lv4H-voiceIcon--align-c t0-b-lv4H-voiceIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-voiceIcon__iconPlacer"><span class="t0-b-lv4H-voiceIcon__icon"></span></div>
                <div class="t0-b-lv4H-voiceIcon__bd">
                    <div class="t0-b-lv4H-voiceIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-voiceIcon__h t0-b-lv4H-voiceIcon--align-c" data-cms-path="data.contents.1">
                        お客様の声
                    </h4>
                    <div class="t0-b-lv4H-voiceIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2
見出し補足(上)

お客様の声

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-voiceIcon2 t0-b-lv4H-voiceIcon2--align-c t0-b-lv4H-voiceIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-voiceIcon2__iconPlacer"><span class="t0-b-lv4H-voiceIcon2__icon"></span></div>
                <div class="t0-b-lv4H-voiceIcon2__bd">
                    <div class="t0-b-lv4H-voiceIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-voiceIcon2__h t0-b-lv4H-voiceIcon2--align-c" data-cms-path="data.contents.1">
                        お客様の声
                    </h4>
                    <div class="t0-b-lv4H-voiceIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
見出し補足(上)

お客様の声

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-voiceIcon t0-b-lv4H-voiceIcon--align-r t0-b-lv4H-voiceIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-voiceIcon__iconPlacer"><span class="t0-b-lv4H-voiceIcon__icon"></span></div>
                <div class="t0-b-lv4H-voiceIcon__bd">
                    <div class="t0-b-lv4H-voiceIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-voiceIcon__h t0-b-lv4H-voiceIcon--align-r" data-cms-path="data.contents.1">
                        お客様の声
                    </h4>
                    <div class="t0-b-lv4H-voiceIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
見出し補足(上)

お客様の声

見出し補足(下)
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-voiceIcon2 t0-b-lv4H-voiceIcon2--align-r t0-b-lv4H-voiceIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-voiceIcon2__iconPlacer"><span class="t0-b-lv4H-voiceIcon2__icon"></span></div>
                <div class="t0-b-lv4H-voiceIcon2__bd">
                    <div class="t0-b-lv4H-voiceIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-voiceIcon2__h t0-b-lv4H-voiceIcon2--align-r" data-cms-path="data.contents.1">
                        お客様の声
                    </h4>
                    <div class="t0-b-lv4H-voiceIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/051_lv4H-qIcon_lv4H-qIcon_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様


補足は左寄せのまま

テストケース:

  • 指定した通りの位置で表示されていること 
  • (アイコン + テキストのみの場合)アイコンがテキストと同時に移動していること (PCのみ)
  • (アイコン + テキストのみの場合)補足が左寄せのままであること (PCのみ)
バリエーション1
見出し補足(上)

よくあるご質問(質問を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-qIcon t0-b-lv4H-qIcon--align-l t0-b-lv4H-qIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-qIcon__iconPlacer"><span class="t0-b-lv4H-qIcon__icon"></span></div>
                <div class="t0-b-lv4H-qIcon__bd">
                    <div class="t0-b-lv4H-qIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-qIcon__h t0-b-lv4H-qIcon--align-l" data-cms-path="data.contents.1">
                        よくあるご質問(質問を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-qIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
見出し補足(上)

よくあるご質問(質問を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-qIcon2 t0-b-lv4H-qIcon2--align-l t0-b-lv4H-qIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-qIcon2__iconPlacer"><span class="t0-b-lv4H-qIcon2__icon"></span></div>
                <div class="t0-b-lv4H-qIcon2__bd">
                    <div class="t0-b-lv4H-qIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-qIcon2__h t0-b-lv4H-qIcon2--align-l" data-cms-path="data.contents.1">
                        よくあるご質問(質問を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-qIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
見出し補足(上)

よくあるご質問(質問を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-qIcon t0-b-lv4H-qIcon--align-c t0-b-lv4H-qIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-qIcon__iconPlacer"><span class="t0-b-lv4H-qIcon__icon"></span></div>
                <div class="t0-b-lv4H-qIcon__bd">
                    <div class="t0-b-lv4H-qIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-qIcon__h t0-b-lv4H-qIcon--align-c" data-cms-path="data.contents.1">
                        よくあるご質問(質問を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-qIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2
見出し補足(上)

よくあるご質問(質問を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-qIcon2 t0-b-lv4H-qIcon2--align-c t0-b-lv4H-qIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-qIcon2__iconPlacer"><span class="t0-b-lv4H-qIcon2__icon"></span></div>
                <div class="t0-b-lv4H-qIcon2__bd">
                    <div class="t0-b-lv4H-qIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-qIcon2__h t0-b-lv4H-qIcon2--align-c" data-cms-path="data.contents.1">
                        よくあるご質問(質問を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-qIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
見出し補足(上)

よくあるご質問(質問を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-qIcon t0-b-lv4H-qIcon--align-r t0-b-lv4H-qIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-qIcon__iconPlacer"><span class="t0-b-lv4H-qIcon__icon"></span></div>
                <div class="t0-b-lv4H-qIcon__bd">
                    <div class="t0-b-lv4H-qIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-qIcon__h t0-b-lv4H-qIcon--align-r" data-cms-path="data.contents.1">
                        よくあるご質問(質問を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-qIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
見出し補足(上)

よくあるご質問(質問を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-qIcon2 t0-b-lv4H-qIcon2--align-r t0-b-lv4H-qIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-qIcon2__iconPlacer"><span class="t0-b-lv4H-qIcon2__icon"></span></div>
                <div class="t0-b-lv4H-qIcon2__bd">
                    <div class="t0-b-lv4H-qIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-qIcon2__h t0-b-lv4H-qIcon2--align-r" data-cms-path="data.contents.1">
                        よくあるご質問(質問を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-qIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/052_lv4H-aIcon_lv4H-aIcon_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様


補足は左寄せのまま

テストケース:

  • 指定した通りの位置で表示されていること 
  • (アイコン + テキストのみの場合)アイコンがテキストと同時に移動していること (PCのみ)
  • (アイコン + テキストのみの場合)補足が左寄せのままであること (PCのみ)
バリエーション1
見出し補足(上)

よくあるご質問(回答を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-aIcon t0-b-lv4H-aIcon--align-l t0-b-lv4H-aIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-aIcon__iconPlacer"><span class="t0-b-lv4H-aIcon__icon"></span></div>
                <div class="t0-b-lv4H-aIcon__bd">
                    <div class="t0-b-lv4H-aIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-aIcon__h t0-b-lv4H-aIcon--align-l" data-cms-path="data.contents.1">
                        よくあるご質問(回答を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-aIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
見出し補足(上)

よくあるご質問(回答を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-aIcon2 t0-b-lv4H-aIcon2--align-l t0-b-lv4H-aIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-aIcon2__iconPlacer"><span class="t0-b-lv4H-aIcon2__icon"></span></div>
                <div class="t0-b-lv4H-aIcon2__bd">
                    <div class="t0-b-lv4H-aIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-aIcon2__h t0-b-lv4H-aIcon2--align-l" data-cms-path="data.contents.1">
                        よくあるご質問(回答を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-aIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
見出し補足(上)

よくあるご質問(回答を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-aIcon t0-b-lv4H-aIcon--align-c t0-b-lv4H-aIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-aIcon__iconPlacer"><span class="t0-b-lv4H-aIcon__icon"></span></div>
                <div class="t0-b-lv4H-aIcon__bd">
                    <div class="t0-b-lv4H-aIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-aIcon__h t0-b-lv4H-aIcon--align-c" data-cms-path="data.contents.1">
                        よくあるご質問(回答を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-aIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2
見出し補足(上)

よくあるご質問(回答を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-aIcon2 t0-b-lv4H-aIcon2--align-c t0-b-lv4H-aIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-aIcon2__iconPlacer"><span class="t0-b-lv4H-aIcon2__icon"></span></div>
                <div class="t0-b-lv4H-aIcon2__bd">
                    <div class="t0-b-lv4H-aIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-aIcon2__h t0-b-lv4H-aIcon2--align-c" data-cms-path="data.contents.1">
                        よくあるご質問(回答を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-aIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
見出し補足(上)

よくあるご質問(回答を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-aIcon t0-b-lv4H-aIcon--align-r t0-b-lv4H-aIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-aIcon__iconPlacer"><span class="t0-b-lv4H-aIcon__icon"></span></div>
                <div class="t0-b-lv4H-aIcon__bd">
                    <div class="t0-b-lv4H-aIcon__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-aIcon__h t0-b-lv4H-aIcon--align-r" data-cms-path="data.contents.1">
                        よくあるご質問(回答を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-aIcon__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
見出し補足(上)

よくあるご質問(回答を入力してください)

見出し補足(下)
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-lv4H-aIcon2 t0-b-lv4H-aIcon2--align-r t0-b-lv4H-aIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-aIcon2__iconPlacer"><span class="t0-b-lv4H-aIcon2__icon"></span></div>
                <div class="t0-b-lv4H-aIcon2__bd">
                    <div class="t0-b-lv4H-aIcon2__caption-upper" data-cms-path="data.contents.0">見出し補足(上)</div>
                    <h4 class="t0-b-lv4H-aIcon2__h t0-b-lv4H-aIcon2--align-r" data-cms-path="data.contents.1">
                        よくあるご質問(回答を入力してください)
                    </h4>
                    <div class="t0-b-lv4H-aIcon2__caption-lower" data-cms-path="data.contents.2">見出し補足(下)</div>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/053_lv4H-num2Icon_lv4H-num2Icon_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様


補足は左寄せのまま

テストケース:

  • 指定した通りの位置で表示されていること 
  • (アイコン + テキストのみの場合)アイコンがテキストと同時に移動していること (PCのみ)
  • (アイコン + テキストのみの場合)補足が左寄せのままであること (PCのみ)
バリエーション1
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon t0-b-lv4H-num2Icon--align-l t0-b-lv4H-num2Icon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon__icon t0-b-lv4H-num2Icon__icon--number-1"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon__bd">
                    <div class="t0-b-lv4H-num2Icon__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon2 t0-b-lv4H-num2Icon2--align-l t0-b-lv4H-num2Icon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon2__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon2__icon t0-b-lv4H-num2Icon2__icon--number-1"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon2__bd">
                    <div class="t0-b-lv4H-num2Icon2__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon2__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon2__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon t0-b-lv4H-num2Icon--align-c t0-b-lv4H-num2Icon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon__icon t0-b-lv4H-num2Icon__icon--number-1"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon__bd">
                    <div class="t0-b-lv4H-num2Icon__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon2 t0-b-lv4H-num2Icon2--align-c t0-b-lv4H-num2Icon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon2__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon2__icon t0-b-lv4H-num2Icon2__icon--number-1"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon2__bd">
                    <div class="t0-b-lv4H-num2Icon2__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon2__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon2__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon t0-b-lv4H-num2Icon--align-r t0-b-lv4H-num2Icon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon__icon t0-b-lv4H-num2Icon__icon--number-1"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon__bd">
                    <div class="t0-b-lv4H-num2Icon__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon2 t0-b-lv4H-num2Icon2--align-r t0-b-lv4H-num2Icon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon2__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon2__icon t0-b-lv4H-num2Icon2__icon--number-1"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon2__bd">
                    <div class="t0-b-lv4H-num2Icon2__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon2__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon2__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/061_lv4HBig_lv4HBig_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-8s">
        <div class="t0-b-lv4HBig t0-b-lv4HBig--align-l t0-b-lv4HBig--size-2" data-height-part="">
            <div class="t0-b-lv4HBig__box">
                <div class="t0-b-lv4HBig__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4HBig__bd"><span><span><span><span></span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4HBig__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>
中央
バリエーション1
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-8s">
        <div class="t0-b-lv4HBig t0-b-lv4HBig--align-c t0-b-lv4HBig--size-2" data-height-part="">
            <div class="t0-b-lv4HBig__box">
                <div class="t0-b-lv4HBig__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4HBig__bd"><span><span><span><span></span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4HBig__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>
バリエーション1
装飾見出し補足

装飾見出し

装飾見出し補足
<div>
    <div class="b-bPlacer-8s">
        <div class="t0-b-lv4HBig t0-b-lv4HBig--align-r t0-b-lv4HBig--size-2" data-height-part="">
            <div class="t0-b-lv4HBig__box">
                <div class="t0-b-lv4HBig__caption-upper" data-cms-path="data.contents.0">装飾見出し補足</div>
                <div class="t0-b-lv4HBig__bd"><span><span><span><span></span></span></span></span>
                    <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                </div>
            </div>
            <div class="t0-b-lv4HBig__caption-lower" data-cms-path="data.contents.2">装飾見出し補足</div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/062_navBItem_navBItem_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 位置設定が反映されていないこと (SPのみ)
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width-m t0-b-navBItem--align-l" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItem2 t0-b-navBItem2--size-3 t0-b-navBItem2--width-m t0-b-navBItem2--align-l" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width-m t0-b-navBItem--align-c" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItem2 t0-b-navBItem2--size-3 t0-b-navBItem2--width-m t0-b-navBItem2--align-c" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width-m t0-b-navBItem--align-r" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItem2 t0-b-navBItem2--size-3 t0-b-navBItem2--width-m t0-b-navBItem2--align-r" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/062_navBItem_navBItemDouble_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 位置設定が反映されていないこと (SPのみ)
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-l">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-l">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem2 t0-b-navBItem2--size-3 t0-b-navBItem2--width- t0-b-navBItem2--align-l">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem2 t0-b-navBItem2--size-3 t0-b-navBItem2--width- t0-b-navBItem2--align-l">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-c">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-c">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem2 t0-b-navBItem2--size-3 t0-b-navBItem2--width- t0-b-navBItem2--align-c">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem2 t0-b-navBItem2--size-3 t0-b-navBItem2--width- t0-b-navBItem2--align-c">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-r">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-r">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem2 t0-b-navBItem2--size-3 t0-b-navBItem2--width- t0-b-navBItem2--align-r">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItem2 t0-b-navBItem2--size-3 t0-b-navBItem2--width- t0-b-navBItem2--align-r">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div data-cms-contenteditable="data.contents.1.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/063_navBItemCaptioned_navBItemCaptioned_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 位置設定が反映されていないこと (SPのみ)
バリエーション1
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-3 t0-b-navBItemCaptioned--width-m t0-b-navBItemCaptioned--align-l" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span><span><span></span></span></span>
                <div class="">
                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-3 t0-b-navBItemCaptioned2--width-m t0-b-navBItemCaptioned2--align-l" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span><span><span></span></span></span>
                <div class="">
                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-3 t0-b-navBItemCaptioned--width-m t0-b-navBItemCaptioned--align-c" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span><span><span></span></span></span>
                <div class="">
                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-3 t0-b-navBItemCaptioned2--width-m t0-b-navBItemCaptioned2--align-c" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span><span><span></span></span></span>
                <div class="">
                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-3 t0-b-navBItemCaptioned--width-m t0-b-navBItemCaptioned--align-r" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span><span><span></span></span></span>
                <div class="">
                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-3 t0-b-navBItemCaptioned2--width-m t0-b-navBItemCaptioned2--align-r" data-height-part="">
            <div data-cms-path="data.contents.0">
                <span><span><span></span></span></span>
                <div class="">
                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/063_navBItemCaptioned_navBItemCaptionedDouble_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 位置設定が反映されていないこと (SPのみ)
バリエーション1
詳細はこちらへ
ボタンリンク補足
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-3 t0-b-navBItemCaptioned--width- t0-b-navBItemCaptioned--align-l">
                            <div data-cms-path="data.contents.0">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-3 t0-b-navBItemCaptioned--width- t0-b-navBItemCaptioned--align-l">
                            <div data-cms-path="data.contents.2">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.3">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
ボタンリンク補足
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-3 t0-b-navBItemCaptioned2--width- t0-b-navBItemCaptioned2--align-l">
                            <div data-cms-path="data.contents.0">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-3 t0-b-navBItemCaptioned2--width- t0-b-navBItemCaptioned2--align-l">
                            <div data-cms-path="data.contents.2">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.3">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
詳細はこちらへ
ボタンリンク補足
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-3 t0-b-navBItemCaptioned--width- t0-b-navBItemCaptioned--align-c">
                            <div data-cms-path="data.contents.0">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-3 t0-b-navBItemCaptioned--width- t0-b-navBItemCaptioned--align-c">
                            <div data-cms-path="data.contents.2">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.3">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2
詳細はこちらへ
ボタンリンク補足
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-3 t0-b-navBItemCaptioned2--width- t0-b-navBItemCaptioned2--align-c">
                            <div data-cms-path="data.contents.0">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-3 t0-b-navBItemCaptioned2--width- t0-b-navBItemCaptioned2--align-c">
                            <div data-cms-path="data.contents.2">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.3">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
ボタンリンク補足
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-3 t0-b-navBItemCaptioned--width- t0-b-navBItemCaptioned--align-r">
                            <div data-cms-path="data.contents.0">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned t0-b-navBItemCaptioned--size-3 t0-b-navBItemCaptioned--width- t0-b-navBItemCaptioned--align-r">
                            <div data-cms-path="data.contents.2">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned__caption" data-cms-path="data.contents.3">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
ボタンリンク補足
詳細はこちらへ
ボタンリンク補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-3 t0-b-navBItemCaptioned2--width- t0-b-navBItemCaptioned2--align-r">
                            <div data-cms-path="data.contents.0">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.1">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navBItemCaptioned2 t0-b-navBItemCaptioned2--size-3 t0-b-navBItemCaptioned2--width- t0-b-navBItemCaptioned2--align-r">
                            <div data-cms-path="data.contents.2">
                                <span><span><span></span></span></span>
                                <div class="">
                                    <div class="t0-b-navBItemCaptioned2__main" data-cms-contenteditable="data.contents.2.text">詳細はこちらへ</div>
                                    <div class="t0-b-navBItemCaptioned2__caption" data-cms-path="data.contents.3">ボタンリンク補足</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/1000_frameOuter_acrePartsMain-1mc073_f12.md
  • f12

ブロック名称:位置設定

バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter">
        <div class="t0-b-frameOuter__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter__hd t0-b-frameOuter__hd--align-l t0-b-frameOuter__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter__hd-inner">
                    <div class="t0-b-frameOuter__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter2">
        <div class="t0-b-frameOuter2__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter2__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter2__hd t0-b-frameOuter2__hd--align-l t0-b-frameOuter2__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter2__hd-inner">
                    <div class="t0-b-frameOuter2__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter2__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter2__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter2__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション3

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter3">
        <div class="t0-b-frameOuter3__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter3__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter3__hd t0-b-frameOuter3__hd--align-l t0-b-frameOuter3__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter3__hd-inner">
                    <div class="t0-b-frameOuter3__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter3__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter3__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter3__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter3__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション4

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter4">
        <div class="t0-b-frameOuter4__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter4__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter4__hd t0-b-frameOuter4__hd--align-l t0-b-frameOuter4__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter4__hd-inner">
                    <div class="t0-b-frameOuter4__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter4__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter4__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter4__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter4__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション5

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter5">
        <div class="t0-b-frameOuter5__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter5__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter5__hd t0-b-frameOuter5__hd--align-l t0-b-frameOuter5__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter5__hd-inner">
                    <div class="t0-b-frameOuter5__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter5__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter5__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter5__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter5__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション6

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter6">
        <div class="t0-b-frameOuter6__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter6__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter6__hd t0-b-frameOuter6__hd--align-l t0-b-frameOuter6__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter6__hd-inner">
                    <div class="t0-b-frameOuter6__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter6__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter6__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter6__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter6__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション7

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter7">
        <div class="t0-b-frameOuter7__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter7__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter7__hd t0-b-frameOuter7__hd--align-l t0-b-frameOuter7__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter7__hd-inner">
                    <div class="t0-b-frameOuter7__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter7__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter7__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter7__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter7__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション8

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter8">
        <div class="t0-b-frameOuter8__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter8__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter8__hd t0-b-frameOuter8__hd--align-l t0-b-frameOuter8__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter8__hd-inner">
                    <div class="t0-b-frameOuter8__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter8__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter8__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter8__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter8__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter">
        <div class="t0-b-frameOuter__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter__hd t0-b-frameOuter__hd--align-c t0-b-frameOuter__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter__hd-inner">
                    <div class="t0-b-frameOuter__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter2">
        <div class="t0-b-frameOuter2__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter2__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter2__hd t0-b-frameOuter2__hd--align-c t0-b-frameOuter2__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter2__hd-inner">
                    <div class="t0-b-frameOuter2__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter2__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter2__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter2__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション3

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter3">
        <div class="t0-b-frameOuter3__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter3__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter3__hd t0-b-frameOuter3__hd--align-c t0-b-frameOuter3__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter3__hd-inner">
                    <div class="t0-b-frameOuter3__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter3__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter3__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter3__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter3__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション4

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter4">
        <div class="t0-b-frameOuter4__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter4__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter4__hd t0-b-frameOuter4__hd--align-c t0-b-frameOuter4__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter4__hd-inner">
                    <div class="t0-b-frameOuter4__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter4__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter4__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter4__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter4__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション5

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter5">
        <div class="t0-b-frameOuter5__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter5__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter5__hd t0-b-frameOuter5__hd--align-c t0-b-frameOuter5__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter5__hd-inner">
                    <div class="t0-b-frameOuter5__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter5__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter5__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter5__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter5__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション6

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter6">
        <div class="t0-b-frameOuter6__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter6__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter6__hd t0-b-frameOuter6__hd--align-c t0-b-frameOuter6__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter6__hd-inner">
                    <div class="t0-b-frameOuter6__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter6__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter6__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter6__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter6__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション7

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter7">
        <div class="t0-b-frameOuter7__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter7__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter7__hd t0-b-frameOuter7__hd--align-c t0-b-frameOuter7__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter7__hd-inner">
                    <div class="t0-b-frameOuter7__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter7__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter7__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter7__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter7__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション8

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter8">
        <div class="t0-b-frameOuter8__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter8__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter8__hd t0-b-frameOuter8__hd--align-c t0-b-frameOuter8__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter8__hd-inner">
                    <div class="t0-b-frameOuter8__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter8__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter8__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter8__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter8__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter">
        <div class="t0-b-frameOuter__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter__hd t0-b-frameOuter__hd--align-r t0-b-frameOuter__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter__hd-inner">
                    <div class="t0-b-frameOuter__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter2">
        <div class="t0-b-frameOuter2__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter2__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter2__hd t0-b-frameOuter2__hd--align-r t0-b-frameOuter2__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter2__hd-inner">
                    <div class="t0-b-frameOuter2__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter2__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter2__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter2__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter2__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション3

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter3">
        <div class="t0-b-frameOuter3__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter3__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter3__hd t0-b-frameOuter3__hd--align-r t0-b-frameOuter3__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter3__hd-inner">
                    <div class="t0-b-frameOuter3__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter3__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter3__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter3__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter3__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter3__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション4

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter4">
        <div class="t0-b-frameOuter4__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter4__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter4__hd t0-b-frameOuter4__hd--align-r t0-b-frameOuter4__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter4__hd-inner">
                    <div class="t0-b-frameOuter4__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter4__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter4__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter4__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter4__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter4__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション5

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter5">
        <div class="t0-b-frameOuter5__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter5__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter5__hd t0-b-frameOuter5__hd--align-r t0-b-frameOuter5__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter5__hd-inner">
                    <div class="t0-b-frameOuter5__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter5__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter5__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter5__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter5__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter5__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション6

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter6">
        <div class="t0-b-frameOuter6__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter6__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter6__hd t0-b-frameOuter6__hd--align-r t0-b-frameOuter6__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter6__hd-inner">
                    <div class="t0-b-frameOuter6__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter6__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter6__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter6__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter6__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter6__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション7

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter7">
        <div class="t0-b-frameOuter7__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter7__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter7__hd t0-b-frameOuter7__hd--align-r t0-b-frameOuter7__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter7__hd-inner">
                    <div class="t0-b-frameOuter7__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter7__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter7__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter7__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter7__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter7__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション8

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter8">
        <div class="t0-b-frameOuter8__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter8__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter8__hd t0-b-frameOuter8__hd--align-r t0-b-frameOuter8__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter8__hd-inner">
                    <div class="t0-b-frameOuter8__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter8__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter8__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter8__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter8__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter8__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/116_articleDecoration_acrePartsMain68_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

装飾見出し

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-articleDecoration"><span><span><span></span></span></span>
            <div class="t0-b-articleDecoration__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-articleDecoration__bd">
                <div class="t0-b-articleDecoration__box"><span><span><span></span></span></span>
                    <div class="t0-b-articleDecoration__hd-h"><span><span><span></span></span></span>
                        <h4 class="t0-b-articleDecoration--align-l" data-cms-path="data.contents.1">装飾見出し</h4>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.6"></div>
                    <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__vertical">
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                <div>
                                                    <div class="t0-b-layoutSplitter__div">
                                                        <div>
                                                            <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                <div class="t0-b-media__media">
                                                                    <span><span><span></span></span></span>
                                                                    <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="t0-b-articleDecoration__hd-h"><span><span><span></span></span></span>
                                    <h4 class="t0-b-articleDecoration--align-l" data-cms-path="data.contents.3">装飾見出し</h4>
                                </div>
                                <div class="outerHtml" data-cms-path="data.contents.4">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navBItem t0-b-navBItem--size-2 t0-b-navBItem--width-s t0-b-navBItem--align-c" data-height-part="">
                                                <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.7"></div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.5"></div>
        </div>
    </div>
</div>
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

装飾見出し

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-articleDecoration2"><span><span><span></span></span></span>
            <div class="t0-b-articleDecoration2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-articleDecoration2__bd">
                <div class="t0-b-articleDecoration2__box"><span><span><span></span></span></span>
                    <div class="t0-b-articleDecoration2__hd-h"><span><span><span></span></span></span>
                        <h4 class="t0-b-articleDecoration2--align-l" data-cms-path="data.contents.1">装飾見出し</h4>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.6"></div>
                    <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__vertical">
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                <div>
                                                    <div class="t0-b-layoutSplitter__div">
                                                        <div>
                                                            <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                <div class="t0-b-media__media">
                                                                    <span><span><span></span></span></span>
                                                                    <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="t0-b-articleDecoration2__hd-h"><span><span><span></span></span></span>
                                    <h4 class="t0-b-articleDecoration2--align-l" data-cms-path="data.contents.3">装飾見出し</h4>
                                </div>
                                <div class="outerHtml" data-cms-path="data.contents.4">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navBItem t0-b-navBItem--size-2 t0-b-navBItem--width-s t0-b-navBItem--align-c" data-height-part="">
                                                <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.7"></div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.5"></div>
        </div>
    </div>
</div>
中央
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

装飾見出し

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-articleDecoration"><span><span><span></span></span></span>
            <div class="t0-b-articleDecoration__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-articleDecoration__bd">
                <div class="t0-b-articleDecoration__box"><span><span><span></span></span></span>
                    <div class="t0-b-articleDecoration__hd-h"><span><span><span></span></span></span>
                        <h4 class="t0-b-articleDecoration--align-c" data-cms-path="data.contents.1">装飾見出し</h4>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.6"></div>
                    <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__vertical">
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                <div>
                                                    <div class="t0-b-layoutSplitter__div">
                                                        <div>
                                                            <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                <div class="t0-b-media__media">
                                                                    <span><span><span></span></span></span>
                                                                    <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="t0-b-articleDecoration__hd-h"><span><span><span></span></span></span>
                                    <h4 class="t0-b-articleDecoration--align-c" data-cms-path="data.contents.3">装飾見出し</h4>
                                </div>
                                <div class="outerHtml" data-cms-path="data.contents.4">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navBItem t0-b-navBItem--size-2 t0-b-navBItem--width-s t0-b-navBItem--align-c" data-height-part="">
                                                <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.7"></div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.5"></div>
        </div>
    </div>
</div>
中央
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

装飾見出し

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-articleDecoration2"><span><span><span></span></span></span>
            <div class="t0-b-articleDecoration2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-articleDecoration2__bd">
                <div class="t0-b-articleDecoration2__box"><span><span><span></span></span></span>
                    <div class="t0-b-articleDecoration2__hd-h"><span><span><span></span></span></span>
                        <h4 class="t0-b-articleDecoration2--align-c" data-cms-path="data.contents.1">装飾見出し</h4>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.6"></div>
                    <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__vertical">
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                <div>
                                                    <div class="t0-b-layoutSplitter__div">
                                                        <div>
                                                            <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                <div class="t0-b-media__media">
                                                                    <span><span><span></span></span></span>
                                                                    <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="t0-b-articleDecoration2__hd-h"><span><span><span></span></span></span>
                                    <h4 class="t0-b-articleDecoration2--align-c" data-cms-path="data.contents.3">装飾見出し</h4>
                                </div>
                                <div class="outerHtml" data-cms-path="data.contents.4">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navBItem t0-b-navBItem--size-2 t0-b-navBItem--width-s t0-b-navBItem--align-c" data-height-part="">
                                                <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.7"></div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.5"></div>
        </div>
    </div>
</div>
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

装飾見出し

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-articleDecoration"><span><span><span></span></span></span>
            <div class="t0-b-articleDecoration__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-articleDecoration__bd">
                <div class="t0-b-articleDecoration__box"><span><span><span></span></span></span>
                    <div class="t0-b-articleDecoration__hd-h"><span><span><span></span></span></span>
                        <h4 class="t0-b-articleDecoration--align-r" data-cms-path="data.contents.1">装飾見出し</h4>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.6"></div>
                    <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__vertical">
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                <div>
                                                    <div class="t0-b-layoutSplitter__div">
                                                        <div>
                                                            <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                <div class="t0-b-media__media">
                                                                    <span><span><span></span></span></span>
                                                                    <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="t0-b-articleDecoration__hd-h"><span><span><span></span></span></span>
                                    <h4 class="t0-b-articleDecoration--align-r" data-cms-path="data.contents.3">装飾見出し</h4>
                                </div>
                                <div class="outerHtml" data-cms-path="data.contents.4">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navBItem t0-b-navBItem--size-2 t0-b-navBItem--width-s t0-b-navBItem--align-c" data-height-part="">
                                                <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.7"></div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.5"></div>
        </div>
    </div>
</div>
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

装飾見出し

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-articleDecoration2"><span><span><span></span></span></span>
            <div class="t0-b-articleDecoration2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-articleDecoration2__bd">
                <div class="t0-b-articleDecoration2__box"><span><span><span></span></span></span>
                    <div class="t0-b-articleDecoration2__hd-h"><span><span><span></span></span></span>
                        <h4 class="t0-b-articleDecoration2--align-r" data-cms-path="data.contents.1">装飾見出し</h4>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.6"></div>
                    <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__vertical">
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                <div>
                                                    <div class="t0-b-layoutSplitter__div">
                                                        <div>
                                                            <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                <div class="t0-b-media__media">
                                                                    <span><span><span></span></span></span>
                                                                    <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="t0-b-articleDecoration2__hd-h"><span><span><span></span></span></span>
                                    <h4 class="t0-b-articleDecoration2--align-r" data-cms-path="data.contents.3">装飾見出し</h4>
                                </div>
                                <div class="outerHtml" data-cms-path="data.contents.4">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navBItem t0-b-navBItem--size-2 t0-b-navBItem--width-s t0-b-navBItem--align-c" data-height-part="">
                                                <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.7"></div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.5"></div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/135_sideBoxLv1H_sideBoxLv1H_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1
中見出し
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-l"><span><span><span></span></span></span>
            <div>
                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                <h5 data-cms-path="data.contents.0">中見出し</h5>

            </div>
        </div>
    </div>
</div>
バリエーション2
中見出し
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-sideBoxLv1H2 t0-b-sideBoxLv1H2--align-l"><span><span><span></span></span></span>
            <div>
                <div class="t0-b-sideBoxLv1H2__iconPlacer"><span class="t0-b-sideBoxLv1H2__icon"></span></div>

                <h5 data-cms-path="data.contents.0">中見出し</h5>

            </div>
        </div>
    </div>
</div>
中央
バリエーション1
中見出し
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-c"><span><span><span></span></span></span>
            <div>
                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                <h5 data-cms-path="data.contents.0">中見出し</h5>

            </div>
        </div>
    </div>
</div>
中央
バリエーション2
中見出し
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-sideBoxLv1H2 t0-b-sideBoxLv1H2--align-c"><span><span><span></span></span></span>
            <div>
                <div class="t0-b-sideBoxLv1H2__iconPlacer"><span class="t0-b-sideBoxLv1H2__icon"></span></div>

                <h5 data-cms-path="data.contents.0">中見出し</h5>

            </div>
        </div>
    </div>
</div>
バリエーション1
中見出し
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-r"><span><span><span></span></span></span>
            <div>
                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                <h5 data-cms-path="data.contents.0">中見出し</h5>

            </div>
        </div>
    </div>
</div>
バリエーション2
中見出し
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-sideBoxLv1H2 t0-b-sideBoxLv1H2--align-r"><span><span><span></span></span></span>
            <div>
                <div class="t0-b-sideBoxLv1H2__iconPlacer"><span class="t0-b-sideBoxLv1H2__icon"></span></div>

                <h5 data-cms-path="data.contents.0">中見出し</h5>

            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/136_sideBoxLv2H_sideBoxLv2H_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1
小見出し
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-sideBoxLv2H t0-b-sideBoxLv2H--align-l"><span><span><span></span></span></span>
            <div>
                <div class="t0-b-sideBoxLv2H__iconPlacer"><span class="t0-b-sideBoxLv2H__icon"></span></div>

                <h6 data-cms-path="data.contents.0">小見出し</h6>

            </div>
        </div>
    </div>
</div>
中央
バリエーション1
小見出し
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-sideBoxLv2H t0-b-sideBoxLv2H--align-c"><span><span><span></span></span></span>
            <div>
                <div class="t0-b-sideBoxLv2H__iconPlacer"><span class="t0-b-sideBoxLv2H__icon"></span></div>

                <h6 data-cms-path="data.contents.0">小見出し</h6>

            </div>
        </div>
    </div>
</div>
バリエーション1
小見出し
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-sideBoxLv2H t0-b-sideBoxLv2H--align-r"><span><span><span></span></span></span>
            <div>
                <div class="t0-b-sideBoxLv2H__iconPlacer"><span class="t0-b-sideBoxLv2H__icon"></span></div>

                <h6 data-cms-path="data.contents.0">小見出し</h6>

            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/141_sideBoxIconText-mail_sideBoxIconText-mail_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 位置設定が反映されていないこと (SPのみ)
バリエーション1
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-sideBoxIconText-mail t0-b-sideBoxIconText-mail--size-1 t0-b-sideBoxIconText-mail--align-l" data-cms-path="data.contents.0">
            <div>
                <div class="t0-b-sideBoxIconText-mail__bd"><span class="t0-b-sideBoxIconText-mail__icon t0-b-sideBoxIconText-mail__mail"></span><a href="mailto:example@example.com">example@example.com</a>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-sideBoxIconText-mail t0-b-sideBoxIconText-mail--size-1 t0-b-sideBoxIconText-mail--align-c" data-cms-path="data.contents.0">
            <div>
                <div class="t0-b-sideBoxIconText-mail__bd"><span class="t0-b-sideBoxIconText-mail__icon t0-b-sideBoxIconText-mail__mail"></span><a href="mailto:example@example.com">example@example.com</a>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-sideBoxIconText-mail t0-b-sideBoxIconText-mail--size-1 t0-b-sideBoxIconText-mail--align-r" data-cms-path="data.contents.0">
            <div>
                <div class="t0-b-sideBoxIconText-mail__bd"><span class="t0-b-sideBoxIconText-mail__icon t0-b-sideBoxIconText-mail__mail"></span><a href="mailto:example@example.com">example@example.com</a>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/144_sideBoxMedia_sideBoxMedia_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1
画像見出し

画像内文字

画像内文字

画像見出し
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBoxMedia t0-b-sideBoxMedia--width-">
            <div class="t0-b-sideBoxMedia__caption-upper t0-b-sideBoxMedia--align-l">
                <div data-cms-path="data.contents.0">画像見出し</div>
            </div>
            <div class="t0-b-sideBoxMedia__main"><span><span><span></span></span></span>
                <div class="t0-b-sideBoxMedia__textOnImage-upper">
                    <p class="" data-cms-path="data.contents.3">画像内文字</p>
                </div>
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                <div class="t0-b-sideBoxMedia__textOnImage-lower">
                    <p class="" data-cms-path="data.contents.4">画像内文字</p>
                </div>
            </div>
            <div class="t0-b-sideBoxMedia__caption-lower t0-b-sideBoxMedia--align-l">
                <div class="" data-cms-path="data.contents.2">画像見出し</div>
            </div>
        </div>
    </div>
</div>
バリエーション2
画像見出し

画像内文字

画像内文字

画像見出し
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBoxMedia2 t0-b-sideBoxMedia2--width-">
            <div class="t0-b-sideBoxMedia2__caption-upper t0-b-sideBoxMedia2--align-l">
                <div data-cms-path="data.contents.0">画像見出し</div>
            </div>
            <div class="t0-b-sideBoxMedia2__main"><span><span><span></span></span></span>
                <div class="t0-b-sideBoxMedia2__textOnImage-upper">
                    <p class="" data-cms-path="data.contents.3">画像内文字</p>
                </div>
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                <div class="t0-b-sideBoxMedia2__textOnImage-lower">
                    <p class="" data-cms-path="data.contents.4">画像内文字</p>
                </div>
            </div>
            <div class="t0-b-sideBoxMedia2__caption-lower t0-b-sideBoxMedia2--align-l">
                <div class="" data-cms-path="data.contents.2">画像見出し</div>
            </div>
        </div>
    </div>
</div>
バリエーション3
画像見出し

画像内文字

画像内文字

画像見出し
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBoxMedia3 t0-b-sideBoxMedia3--width-">
            <div class="t0-b-sideBoxMedia3__caption-upper t0-b-sideBoxMedia3--align-l">
                <div data-cms-path="data.contents.0">画像見出し</div>
            </div>
            <div class="t0-b-sideBoxMedia3__main"><span><span><span></span></span></span>
                <div class="t0-b-sideBoxMedia3__textOnImage-upper">
                    <p class="" data-cms-path="data.contents.3">画像内文字</p>
                </div>
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                <div class="t0-b-sideBoxMedia3__textOnImage-lower">
                    <p class="" data-cms-path="data.contents.4">画像内文字</p>
                </div>
            </div>
            <div class="t0-b-sideBoxMedia3__caption-lower t0-b-sideBoxMedia3--align-l">
                <div class="" data-cms-path="data.contents.2">画像見出し</div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
画像見出し

画像内文字

画像内文字

画像見出し
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBoxMedia t0-b-sideBoxMedia--width-">
            <div class="t0-b-sideBoxMedia__caption-upper t0-b-sideBoxMedia--align-c">
                <div data-cms-path="data.contents.0">画像見出し</div>
            </div>
            <div class="t0-b-sideBoxMedia__main"><span><span><span></span></span></span>
                <div class="t0-b-sideBoxMedia__textOnImage-upper">
                    <p class="" data-cms-path="data.contents.3">画像内文字</p>
                </div>
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                <div class="t0-b-sideBoxMedia__textOnImage-lower">
                    <p class="" data-cms-path="data.contents.4">画像内文字</p>
                </div>
            </div>
            <div class="t0-b-sideBoxMedia__caption-lower t0-b-sideBoxMedia--align-c">
                <div class="" data-cms-path="data.contents.2">画像見出し</div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2
画像見出し

画像内文字

画像内文字

画像見出し
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBoxMedia2 t0-b-sideBoxMedia2--width-">
            <div class="t0-b-sideBoxMedia2__caption-upper t0-b-sideBoxMedia2--align-c">
                <div data-cms-path="data.contents.0">画像見出し</div>
            </div>
            <div class="t0-b-sideBoxMedia2__main"><span><span><span></span></span></span>
                <div class="t0-b-sideBoxMedia2__textOnImage-upper">
                    <p class="" data-cms-path="data.contents.3">画像内文字</p>
                </div>
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                <div class="t0-b-sideBoxMedia2__textOnImage-lower">
                    <p class="" data-cms-path="data.contents.4">画像内文字</p>
                </div>
            </div>
            <div class="t0-b-sideBoxMedia2__caption-lower t0-b-sideBoxMedia2--align-c">
                <div class="" data-cms-path="data.contents.2">画像見出し</div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション3
画像見出し

画像内文字

画像内文字

画像見出し
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBoxMedia3 t0-b-sideBoxMedia3--width-">
            <div class="t0-b-sideBoxMedia3__caption-upper t0-b-sideBoxMedia3--align-c">
                <div data-cms-path="data.contents.0">画像見出し</div>
            </div>
            <div class="t0-b-sideBoxMedia3__main"><span><span><span></span></span></span>
                <div class="t0-b-sideBoxMedia3__textOnImage-upper">
                    <p class="" data-cms-path="data.contents.3">画像内文字</p>
                </div>
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                <div class="t0-b-sideBoxMedia3__textOnImage-lower">
                    <p class="" data-cms-path="data.contents.4">画像内文字</p>
                </div>
            </div>
            <div class="t0-b-sideBoxMedia3__caption-lower t0-b-sideBoxMedia3--align-c">
                <div class="" data-cms-path="data.contents.2">画像見出し</div>
            </div>
        </div>
    </div>
</div>
バリエーション1
画像見出し

画像内文字

画像内文字

画像見出し
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBoxMedia t0-b-sideBoxMedia--width-">
            <div class="t0-b-sideBoxMedia__caption-upper t0-b-sideBoxMedia--align-r">
                <div data-cms-path="data.contents.0">画像見出し</div>
            </div>
            <div class="t0-b-sideBoxMedia__main"><span><span><span></span></span></span>
                <div class="t0-b-sideBoxMedia__textOnImage-upper">
                    <p class="" data-cms-path="data.contents.3">画像内文字</p>
                </div>
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                <div class="t0-b-sideBoxMedia__textOnImage-lower">
                    <p class="" data-cms-path="data.contents.4">画像内文字</p>
                </div>
            </div>
            <div class="t0-b-sideBoxMedia__caption-lower t0-b-sideBoxMedia--align-r">
                <div class="" data-cms-path="data.contents.2">画像見出し</div>
            </div>
        </div>
    </div>
</div>
バリエーション2
画像見出し

画像内文字

画像内文字

画像見出し
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBoxMedia2 t0-b-sideBoxMedia2--width-">
            <div class="t0-b-sideBoxMedia2__caption-upper t0-b-sideBoxMedia2--align-r">
                <div data-cms-path="data.contents.0">画像見出し</div>
            </div>
            <div class="t0-b-sideBoxMedia2__main"><span><span><span></span></span></span>
                <div class="t0-b-sideBoxMedia2__textOnImage-upper">
                    <p class="" data-cms-path="data.contents.3">画像内文字</p>
                </div>
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                <div class="t0-b-sideBoxMedia2__textOnImage-lower">
                    <p class="" data-cms-path="data.contents.4">画像内文字</p>
                </div>
            </div>
            <div class="t0-b-sideBoxMedia2__caption-lower t0-b-sideBoxMedia2--align-r">
                <div class="" data-cms-path="data.contents.2">画像見出し</div>
            </div>
        </div>
    </div>
</div>
バリエーション3
画像見出し

画像内文字

画像内文字

画像見出し
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBoxMedia3 t0-b-sideBoxMedia3--width-">
            <div class="t0-b-sideBoxMedia3__caption-upper t0-b-sideBoxMedia3--align-r">
                <div data-cms-path="data.contents.0">画像見出し</div>
            </div>
            <div class="t0-b-sideBoxMedia3__main"><span><span><span></span></span></span>
                <div class="t0-b-sideBoxMedia3__textOnImage-upper">
                    <p class="" data-cms-path="data.contents.3">画像内文字</p>
                </div>
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                <div class="t0-b-sideBoxMedia3__textOnImage-lower">
                    <p class="" data-cms-path="data.contents.4">画像内文字</p>
                </div>
            </div>
            <div class="t0-b-sideBoxMedia3__caption-lower t0-b-sideBoxMedia3--align-r">
                <div class="" data-cms-path="data.contents.2">画像見出し</div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/151_sideMenu_sideMenu_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様


見出しのみ

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1

サイドメニュー

生成されたサイドメニューが入る
<div>
    <div class="b-bPlacer-4s">
        <div class="b-sideMenu"><span><span><span></span></span></span>
            <div class="b-sideMenu__hd b-sideMenu__hd--align-l"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">サイドメニュー</h4>
            </div>
            <input type="checkbox" id="b-sideMenu__panel" class="on-off">
            <label for="b-sideMenu__panel">MENU</label>
            <div class="b-sideMenu__bd" data-cms-path="data.contents.1" data-cms-editable="sidemenu"><span><span><span></span></span></span>
                <div style="border: 1px dashed red;padding: 5px;">生成されたサイドメニューが入る</div>
            </div>
        </div>
    </div>
</div>
バリエーション2

サイドメニュー

生成されたサイドメニューが入る
<div>
    <div class="b-bPlacer-4s">
        <div class="b-sideMenu2"><span><span><span></span></span></span>
            <div class="b-sideMenu2__hd b-sideMenu2__hd--align-l"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">サイドメニュー</h4>
            </div>
            <input type="checkbox" id="b-sideMenu2__panel" class="on-off">
            <label for="b-sideMenu2__panel">MENU</label>
            <div class="b-sideMenu2__bd" data-cms-path="data.contents.1" data-cms-editable="sidemenu"><span><span><span></span></span></span>
                <div style="border: 1px dashed red;padding: 5px;">生成されたサイドメニューが入る</div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1

サイドメニュー

生成されたサイドメニューが入る
<div>
    <div class="b-bPlacer-4s">
        <div class="b-sideMenu"><span><span><span></span></span></span>
            <div class="b-sideMenu__hd b-sideMenu__hd--align-c"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">サイドメニュー</h4>
            </div>
            <input type="checkbox" id="b-sideMenu__panel" class="on-off">
            <label for="b-sideMenu__panel">MENU</label>
            <div class="b-sideMenu__bd" data-cms-path="data.contents.1" data-cms-editable="sidemenu"><span><span><span></span></span></span>
                <div style="border: 1px dashed red;padding: 5px;">生成されたサイドメニューが入る</div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2

サイドメニュー

生成されたサイドメニューが入る
<div>
    <div class="b-bPlacer-4s">
        <div class="b-sideMenu2"><span><span><span></span></span></span>
            <div class="b-sideMenu2__hd b-sideMenu2__hd--align-c"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">サイドメニュー</h4>
            </div>
            <input type="checkbox" id="b-sideMenu2__panel" class="on-off">
            <label for="b-sideMenu2__panel">MENU</label>
            <div class="b-sideMenu2__bd" data-cms-path="data.contents.1" data-cms-editable="sidemenu"><span><span><span></span></span></span>
                <div style="border: 1px dashed red;padding: 5px;">生成されたサイドメニューが入る</div>
            </div>
        </div>
    </div>
</div>
バリエーション1

サイドメニュー

生成されたサイドメニューが入る
<div>
    <div class="b-bPlacer-4s">
        <div class="b-sideMenu"><span><span><span></span></span></span>
            <div class="b-sideMenu__hd b-sideMenu__hd--align-r"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">サイドメニュー</h4>
            </div>
            <input type="checkbox" id="b-sideMenu__panel" class="on-off">
            <label for="b-sideMenu__panel">MENU</label>
            <div class="b-sideMenu__bd" data-cms-path="data.contents.1" data-cms-editable="sidemenu"><span><span><span></span></span></span>
                <div style="border: 1px dashed red;padding: 5px;">生成されたサイドメニューが入る</div>
            </div>
        </div>
    </div>
</div>
バリエーション2

サイドメニュー

生成されたサイドメニューが入る
<div>
    <div class="b-bPlacer-4s">
        <div class="b-sideMenu2"><span><span><span></span></span></span>
            <div class="b-sideMenu2__hd b-sideMenu2__hd--align-r"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">サイドメニュー</h4>
            </div>
            <input type="checkbox" id="b-sideMenu2__panel" class="on-off">
            <label for="b-sideMenu2__panel">MENU</label>
            <div class="b-sideMenu2__bd" data-cms-path="data.contents.1" data-cms-editable="sidemenu"><span><span><span></span></span></span>
                <div style="border: 1px dashed red;padding: 5px;">生成されたサイドメニューが入る</div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/151_sideMenu_sideMenuHndle_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様


見出しのみ

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1

サイドメニュー

  • 詳細はこちらへ
    • 詳細はこちらへ
      • 詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="b-sideMenuHandle"><span><span><span></span></span></span>
            <div class="b-sideMenuHandle__hd b-sideMenuHandle__hd--align-l"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">サイドメニュー</h4>
            </div>
            <input type="checkbox" id="b-sideMenuHandle__panel" class="on-off">
            <label for="b-sideMenuHandle__panel">MENU</label>
            <div class="b-sideMenuHandle__bd" data-cms-path="data.contents.1"><span><span><span></span></span></span>
                <div class="b-sideMenuHandle__list sideMenuHandle1">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div>
                                    <span>
                                        <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    </span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="b-sideMenuHandle__list sideMenuHandle2">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__list">
                                <ul>
                                    <li class="b-sideMenuHandle__item">
                                        <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                            <div>
                                                <span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="b-sideMenuHandle__list sideMenuHandle3">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__list">
                                <ul>
                                    <li class="b-sideMenuHandle__item">
                                        <div class="b-sideMenuHandle__list">
                                            <ul>
                                                <li class="b-sideMenuHandle__item">
                                                    <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0">
                                                        <span><span><span></span></span></span>
                                                        <div>
                                                            <span>
                                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</div>
バリエーション2

サイドメニュー

  • 詳細はこちらへ
    • 詳細はこちらへ
      • 詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="b-sideMenuHandle2"><span><span><span></span></span></span>
            <div class="b-sideMenuHandle2__hd b-sideMenuHandle2__hd--align-l"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">サイドメニュー</h4>
            </div>
            <input type="checkbox" id="b-sideMenuHandle2__panel" class="on-off">
            <label for="b-sideMenuHandle2__panel">MENU</label>
            <div class="b-sideMenuHandle2__bd" data-cms-path="data.contents.1"><span><span><span></span></span></span>
                <div class="b-sideMenuHandle__list sideMenuHandle1">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div>
                                    <span>
                                        <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    </span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="b-sideMenuHandle__list sideMenuHandle2">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__list">
                                <ul>
                                    <li class="b-sideMenuHandle__item">
                                        <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                            <div>
                                                <span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="b-sideMenuHandle__list sideMenuHandle3">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__list">
                                <ul>
                                    <li class="b-sideMenuHandle__item">
                                        <div class="b-sideMenuHandle__list">
                                            <ul>
                                                <li class="b-sideMenuHandle__item">
                                                    <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0">
                                                        <span><span><span></span></span></span>
                                                        <div>
                                                            <span>
                                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</div>
中央
バリエーション1

サイドメニュー

  • 詳細はこちらへ
    • 詳細はこちらへ
      • 詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="b-sideMenuHandle"><span><span><span></span></span></span>
            <div class="b-sideMenuHandle__hd b-sideMenuHandle__hd--align-c"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">サイドメニュー</h4>
            </div>
            <input type="checkbox" id="b-sideMenuHandle__panel" class="on-off">
            <label for="b-sideMenuHandle__panel">MENU</label>
            <div class="b-sideMenuHandle__bd" data-cms-path="data.contents.1"><span><span><span></span></span></span>
                <div class="b-sideMenuHandle__list sideMenuHandle1">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div>
                                    <span>
                                        <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    </span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="b-sideMenuHandle__list sideMenuHandle2">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__list">
                                <ul>
                                    <li class="b-sideMenuHandle__item">
                                        <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                            <div>
                                                <span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="b-sideMenuHandle__list sideMenuHandle3">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__list">
                                <ul>
                                    <li class="b-sideMenuHandle__item">
                                        <div class="b-sideMenuHandle__list">
                                            <ul>
                                                <li class="b-sideMenuHandle__item">
                                                    <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0">
                                                        <span><span><span></span></span></span>
                                                        <div>
                                                            <span>
                                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</div>
中央
バリエーション2

サイドメニュー

  • 詳細はこちらへ
    • 詳細はこちらへ
      • 詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="b-sideMenuHandle2"><span><span><span></span></span></span>
            <div class="b-sideMenuHandle2__hd b-sideMenuHandle2__hd--align-c"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">サイドメニュー</h4>
            </div>
            <input type="checkbox" id="b-sideMenuHandle2__panel" class="on-off">
            <label for="b-sideMenuHandle2__panel">MENU</label>
            <div class="b-sideMenuHandle2__bd" data-cms-path="data.contents.1"><span><span><span></span></span></span>
                <div class="b-sideMenuHandle__list sideMenuHandle1">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div>
                                    <span>
                                        <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    </span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="b-sideMenuHandle__list sideMenuHandle2">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__list">
                                <ul>
                                    <li class="b-sideMenuHandle__item">
                                        <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                            <div>
                                                <span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="b-sideMenuHandle__list sideMenuHandle3">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__list">
                                <ul>
                                    <li class="b-sideMenuHandle__item">
                                        <div class="b-sideMenuHandle__list">
                                            <ul>
                                                <li class="b-sideMenuHandle__item">
                                                    <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0">
                                                        <span><span><span></span></span></span>
                                                        <div>
                                                            <span>
                                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</div>
バリエーション1

サイドメニュー

  • 詳細はこちらへ
    • 詳細はこちらへ
      • 詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="b-sideMenuHandle"><span><span><span></span></span></span>
            <div class="b-sideMenuHandle__hd b-sideMenuHandle__hd--align-r"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">サイドメニュー</h4>
            </div>
            <input type="checkbox" id="b-sideMenuHandle__panel" class="on-off">
            <label for="b-sideMenuHandle__panel">MENU</label>
            <div class="b-sideMenuHandle__bd" data-cms-path="data.contents.1"><span><span><span></span></span></span>
                <div class="b-sideMenuHandle__list sideMenuHandle1">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div>
                                    <span>
                                        <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    </span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="b-sideMenuHandle__list sideMenuHandle2">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__list">
                                <ul>
                                    <li class="b-sideMenuHandle__item">
                                        <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                            <div>
                                                <span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="b-sideMenuHandle__list sideMenuHandle3">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__list">
                                <ul>
                                    <li class="b-sideMenuHandle__item">
                                        <div class="b-sideMenuHandle__list">
                                            <ul>
                                                <li class="b-sideMenuHandle__item">
                                                    <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0">
                                                        <span><span><span></span></span></span>
                                                        <div>
                                                            <span>
                                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</div>
バリエーション2

サイドメニュー

  • 詳細はこちらへ
    • 詳細はこちらへ
      • 詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="b-sideMenuHandle2"><span><span><span></span></span></span>
            <div class="b-sideMenuHandle2__hd b-sideMenuHandle2__hd--align-r"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">サイドメニュー</h4>
            </div>
            <input type="checkbox" id="b-sideMenuHandle2__panel" class="on-off">
            <label for="b-sideMenuHandle2__panel">MENU</label>
            <div class="b-sideMenuHandle2__bd" data-cms-path="data.contents.1"><span><span><span></span></span></span>
                <div class="b-sideMenuHandle__list sideMenuHandle1">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div>
                                    <span>
                                        <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                    </span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="b-sideMenuHandle__list sideMenuHandle2">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__list">
                                <ul>
                                    <li class="b-sideMenuHandle__item">
                                        <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                            <div>
                                                <span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="b-sideMenuHandle__list sideMenuHandle3">
                    <ul>
                        <li class="b-sideMenuHandle__item">
                            <div class="b-sideMenuHandle__list">
                                <ul>
                                    <li class="b-sideMenuHandle__item">
                                        <div class="b-sideMenuHandle__list">
                                            <ul>
                                                <li class="b-sideMenuHandle__item">
                                                    <div class="b-sideMenuHandle__item2" data-cms-path="data.contents.0">
                                                        <span><span><span></span></span></span>
                                                        <div>
                                                            <span>
                                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/155_sideBox_acrePartsSub6_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様


見出しのみ

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1

大見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

03-0000-0000
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBox"><span><span><span></span></span></span>
            <div class="t0-b-sideBox__hd t0-b-sideBox--align-l"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">大見出し</h4>
            </div>
            <div class="t0-b-sideBox__bd" data-cms-path="data.contents.1"><span><span><span></span></span></span>
                <div>
                    <div class="b-bPlacer-6s">
                        <p class="t0-b-sideBoxText" data-cms-path="data.contents.0">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-2s">

                        <div class="t0-b-sideBoxIconText-tel t0-b-sideBoxIconText-tel--size-1" data-cms-path="data.contents.0">
                            <div>
                                <div class="t0-b-sideBoxIconText-tel__bd"><span class="t0-b-sideBoxIconText-tel__icon t0-b-sideBoxIconText-tel__tel"></span><span>03-0000-0000</span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-2s">
                        <div class="t0-b-sideBoxNav">
                            <div data-cms-path="data.contents.0"><span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
バリエーション2

大見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

03-0000-0000
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBox2"><span><span><span></span></span></span>
            <div class="t0-b-sideBox2__hd t0-b-sideBox2--align-l"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">大見出し</h4>
            </div>
            <div class="t0-b-sideBox2__bd" data-cms-path="data.contents.1"><span><span><span></span></span></span>
                <div>
                    <div class="b-bPlacer-6s">
                        <p class="t0-b-sideBoxText" data-cms-path="data.contents.0">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-2s">

                        <div class="t0-b-sideBoxIconText-tel t0-b-sideBoxIconText-tel--size-1" data-cms-path="data.contents.0">
                            <div>
                                <div class="t0-b-sideBoxIconText-tel__bd"><span class="t0-b-sideBoxIconText-tel__icon t0-b-sideBoxIconText-tel__tel"></span><span>03-0000-0000</span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-2s">
                        <div class="t0-b-sideBoxNav">
                            <div data-cms-path="data.contents.0"><span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
中央
バリエーション1

大見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

03-0000-0000
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBox"><span><span><span></span></span></span>
            <div class="t0-b-sideBox__hd t0-b-sideBox--align-c"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">大見出し</h4>
            </div>
            <div class="t0-b-sideBox__bd" data-cms-path="data.contents.1"><span><span><span></span></span></span>
                <div>
                    <div class="b-bPlacer-6s">
                        <p class="t0-b-sideBoxText" data-cms-path="data.contents.0">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-2s">

                        <div class="t0-b-sideBoxIconText-tel t0-b-sideBoxIconText-tel--size-1" data-cms-path="data.contents.0">
                            <div>
                                <div class="t0-b-sideBoxIconText-tel__bd"><span class="t0-b-sideBoxIconText-tel__icon t0-b-sideBoxIconText-tel__tel"></span><span>03-0000-0000</span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-2s">
                        <div class="t0-b-sideBoxNav">
                            <div data-cms-path="data.contents.0"><span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
中央
バリエーション2

大見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

03-0000-0000
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBox2"><span><span><span></span></span></span>
            <div class="t0-b-sideBox2__hd t0-b-sideBox2--align-c"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">大見出し</h4>
            </div>
            <div class="t0-b-sideBox2__bd" data-cms-path="data.contents.1"><span><span><span></span></span></span>
                <div>
                    <div class="b-bPlacer-6s">
                        <p class="t0-b-sideBoxText" data-cms-path="data.contents.0">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-2s">

                        <div class="t0-b-sideBoxIconText-tel t0-b-sideBoxIconText-tel--size-1" data-cms-path="data.contents.0">
                            <div>
                                <div class="t0-b-sideBoxIconText-tel__bd"><span class="t0-b-sideBoxIconText-tel__icon t0-b-sideBoxIconText-tel__tel"></span><span>03-0000-0000</span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-2s">
                        <div class="t0-b-sideBoxNav">
                            <div data-cms-path="data.contents.0"><span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
バリエーション1

大見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

03-0000-0000
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBox"><span><span><span></span></span></span>
            <div class="t0-b-sideBox__hd t0-b-sideBox--align-r"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">大見出し</h4>
            </div>
            <div class="t0-b-sideBox__bd" data-cms-path="data.contents.1"><span><span><span></span></span></span>
                <div>
                    <div class="b-bPlacer-6s">
                        <p class="t0-b-sideBoxText" data-cms-path="data.contents.0">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-2s">

                        <div class="t0-b-sideBoxIconText-tel t0-b-sideBoxIconText-tel--size-1" data-cms-path="data.contents.0">
                            <div>
                                <div class="t0-b-sideBoxIconText-tel__bd"><span class="t0-b-sideBoxIconText-tel__icon t0-b-sideBoxIconText-tel__tel"></span><span>03-0000-0000</span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-2s">
                        <div class="t0-b-sideBoxNav">
                            <div data-cms-path="data.contents.0"><span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
バリエーション2

大見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

03-0000-0000
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBox2"><span><span><span></span></span></span>
            <div class="t0-b-sideBox2__hd t0-b-sideBox2--align-r"><span><span><span></span></span></span>
                <h4 data-cms-path="data.contents.0">大見出し</h4>
            </div>
            <div class="t0-b-sideBox2__bd" data-cms-path="data.contents.1"><span><span><span></span></span></span>
                <div>
                    <div class="b-bPlacer-6s">
                        <p class="t0-b-sideBoxText" data-cms-path="data.contents.0">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-3s">
                        <div class="t0-b-sideBoxLv1H t0-b-sideBoxLv1H--align-"><span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-sideBoxLv1H__iconPlacer"><span class="t0-b-sideBoxLv1H__icon"></span></div>

                                <h5 data-cms-path="data.contents.0">中見出し</h5>

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-4s">
                        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR">
                            <div class="t0-b-sideBoxMediaBox__media">
                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>
                            <div class="t0-b-sideBoxMediaBox__text">
                                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-2s">

                        <div class="t0-b-sideBoxIconText-tel t0-b-sideBoxIconText-tel--size-1" data-cms-path="data.contents.0">
                            <div>
                                <div class="t0-b-sideBoxIconText-tel__bd"><span class="t0-b-sideBoxIconText-tel__icon t0-b-sideBoxIconText-tel__tel"></span><span>03-0000-0000</span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div>
                    <div class="b-bPlacer-2s">
                        <div class="t0-b-sideBoxNav">
                            <div data-cms-path="data.contents.0"><span></span>
                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/163_lv1H-pageH_lv1H-pageH_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1

ページ見出し

<div>
    <div class="b-bPlacer-0s">
        <div class="t0-b-lv1H-pageH">
            <div><span><span><span></span></span></span>
                <h1 class="t0-b-lv1H-pageH__main t0-b-lv1H-pageH--align-l" data-cms-path="data.contents.0">ページ見出し</h1>
            </div>
        </div>
    </div>
</div>
バリエーション2

ページ見出し

<div>
    <div class="b-bPlacer-0s">
        <div class="t0-b-lv1H-pageH2">
            <div><span><span><span></span></span></span>
                <h1 class="t0-b-lv1H-pageH2__main t0-b-lv1H-pageH2--align-l" data-cms-path="data.contents.0">ページ見出し</h1>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1

ページ見出し

<div>
    <div class="b-bPlacer-0s">
        <div class="t0-b-lv1H-pageH">
            <div><span><span><span></span></span></span>
                <h1 class="t0-b-lv1H-pageH__main t0-b-lv1H-pageH--align-c" data-cms-path="data.contents.0">ページ見出し</h1>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2

ページ見出し

<div>
    <div class="b-bPlacer-0s">
        <div class="t0-b-lv1H-pageH2">
            <div><span><span><span></span></span></span>
                <h1 class="t0-b-lv1H-pageH2__main t0-b-lv1H-pageH2--align-c" data-cms-path="data.contents.0">ページ見出し</h1>
            </div>
        </div>
    </div>
</div>
バリエーション1

ページ見出し

<div>
    <div class="b-bPlacer-0s">
        <div class="t0-b-lv1H-pageH">
            <div><span><span><span></span></span></span>
                <h1 class="t0-b-lv1H-pageH__main t0-b-lv1H-pageH--align-r" data-cms-path="data.contents.0">ページ見出し</h1>
            </div>
        </div>
    </div>
</div>
バリエーション2

ページ見出し

<div>
    <div class="b-bPlacer-0s">
        <div class="t0-b-lv1H-pageH2">
            <div><span><span><span></span></span></span>
                <h1 class="t0-b-lv1H-pageH2__main t0-b-lv1H-pageH2--align-r" data-cms-path="data.contents.0">ページ見出し</h1>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/167_headerbreadcrumbs_headerBreadcrumbs_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1
<div class="mod-part-topicpath">
    <div class="b-bPlacer-0s">
        <div class="b-breadcrumbs b-breadcrumbs--inHeader b-breadcrumbs--align-l">
            <div>
                <div itemscope itemtype="http://schema.org/BreadcrumbList" data-cms-path="data.contents.0" data-cms-editable="topicpath">
                    <span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:32693]" itemprop="url"><span itemprop="title">トップページ</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:33583]" itemprop="url"><span itemprop="title">Lv1</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:35778]" itemprop="url"><span itemprop="title">Lv2</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:43121]" itemprop="url"><em><span itemprop="title">Lv3</span></em></a></span>
                </div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
<div class="mod-part-topicpath">
    <div class="b-bPlacer-0s">
        <div class="b-breadcrumbs b-breadcrumbs--inHeader b-breadcrumbs--align-c">
            <div>
                <div itemscope itemtype="http://schema.org/BreadcrumbList" data-cms-path="data.contents.0" data-cms-editable="topicpath">
                    <span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:32693]" itemprop="url"><span itemprop="title">トップページ</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:33583]" itemprop="url"><span itemprop="title">Lv1</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:35778]" itemprop="url"><span itemprop="title">Lv2</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:43121]" itemprop="url"><em><span itemprop="title">Lv3</span></em></a></span>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
<div class="mod-part-topicpath">
    <div class="b-bPlacer-0s">
        <div class="b-breadcrumbs b-breadcrumbs--inHeader b-breadcrumbs--align-r">
            <div>
                <div itemscope itemtype="http://schema.org/BreadcrumbList" data-cms-path="data.contents.0" data-cms-editable="topicpath">
                    <span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:32693]" itemprop="url"><span itemprop="title">トップページ</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:33583]" itemprop="url"><span itemprop="title">Lv1</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:35778]" itemprop="url"><span itemprop="title">Lv2</span></a></span><span class="b-breadcrumbs__item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="[page_id:43121]" itemprop="url"><em><span itemprop="title">Lv3</span></em></a></span>
                </div>
            </div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/198_footerUnit-lv2H_footerUnit-lv2H_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1
表組みタイトル
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-footerUnit-lv2H t0-b-footerUnit-lv2H--align-l"><span><span><span></span></span></span>
            <h5 data-cms-path="data.contents.0">表組みタイトル</h5>
        </div>
    </div>
</div>
中央
バリエーション1
表組みタイトル
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-footerUnit-lv2H t0-b-footerUnit-lv2H--align-c"><span><span><span></span></span></span>
            <h5 data-cms-path="data.contents.0">表組みタイトル</h5>
        </div>
    </div>
</div>
バリエーション1
表組みタイトル
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-footerUnit-lv2H t0-b-footerUnit-lv2H--align-r"><span><span><span></span></span></span>
            <h5 data-cms-path="data.contents.0">表組みタイトル</h5>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/199_footerUnit-lv1H_footerUnit-lv1H_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
バリエーション1

小見出し

<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-footerUnit-lv1H t0-b-footerUnit-lv1H--align-l"><span><span><span></span></span></span>
            <h4 data-cms-path="data.contents.0">小見出し</h4>
        </div>
    </div>
</div>
中央
バリエーション1

小見出し

<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-footerUnit-lv1H t0-b-footerUnit-lv1H--align-c"><span><span><span></span></span></span>
            <h4 data-cms-path="data.contents.0">小見出し</h4>
        </div>
    </div>
</div>
バリエーション1

小見出し

<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-footerUnit-lv1H t0-b-footerUnit-lv1H--align-r"><span><span><span></span></span></span>
            <h4 data-cms-path="data.contents.0">小見出し</h4>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/206_headerFullWidthMedia-text_headerFullWidthMedia-text_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様


headerFullWidthMedia-textのみ

テストケース:

  • 指定した通りの位置で表示されていること 
  • 位置設定が反映されていないこと (SPのみ)
バリエーション1
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text t0-b-headerFullWidthMedia-text--size-3 t0-b-headerFullWidthMedia-text--width- t0-b-headerFullWidthMedia-text--align-l" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション2
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text2 t0-b-headerFullWidthMedia-text2--size-3 t0-b-headerFullWidthMedia-text2--width- t0-b-headerFullWidthMedia-text2--align-l" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション3
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text3 t0-b-headerFullWidthMedia-text3--size-3 t0-b-headerFullWidthMedia-text3--width- t0-b-headerFullWidthMedia-text3--align-l" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション4
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text4 t0-b-headerFullWidthMedia-text4--size-3 t0-b-headerFullWidthMedia-text4--width- t0-b-headerFullWidthMedia-text4--align-l" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション5
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text5 t0-b-headerFullWidthMedia-text5--size-3 t0-b-headerFullWidthMedia-text5--width- t0-b-headerFullWidthMedia-text5--align-l" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション6
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text6 t0-b-headerFullWidthMedia-text6--size-3 t0-b-headerFullWidthMedia-text6--width- t0-b-headerFullWidthMedia-text6--align-l" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション7
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text7 t0-b-headerFullWidthMedia-text7--size-3 t0-b-headerFullWidthMedia-text7--width- t0-b-headerFullWidthMedia-text7--align-l" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション8
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text8 t0-b-headerFullWidthMedia-text8--size-3 t0-b-headerFullWidthMedia-text8--width- t0-b-headerFullWidthMedia-text8--align-l" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション9
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text9 t0-b-headerFullWidthMedia-text9--size-3 t0-b-headerFullWidthMedia-text9--width- t0-b-headerFullWidthMedia-text9--align-l" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
中央
バリエーション1
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text t0-b-headerFullWidthMedia-text--size-3 t0-b-headerFullWidthMedia-text--width- t0-b-headerFullWidthMedia-text--align-c" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
中央
バリエーション2
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text2 t0-b-headerFullWidthMedia-text2--size-3 t0-b-headerFullWidthMedia-text2--width- t0-b-headerFullWidthMedia-text2--align-c" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
中央
バリエーション3
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text3 t0-b-headerFullWidthMedia-text3--size-3 t0-b-headerFullWidthMedia-text3--width- t0-b-headerFullWidthMedia-text3--align-c" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
中央
バリエーション4
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text4 t0-b-headerFullWidthMedia-text4--size-3 t0-b-headerFullWidthMedia-text4--width- t0-b-headerFullWidthMedia-text4--align-c" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
中央
バリエーション5
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text5 t0-b-headerFullWidthMedia-text5--size-3 t0-b-headerFullWidthMedia-text5--width- t0-b-headerFullWidthMedia-text5--align-c" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
中央
バリエーション6
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text6 t0-b-headerFullWidthMedia-text6--size-3 t0-b-headerFullWidthMedia-text6--width- t0-b-headerFullWidthMedia-text6--align-c" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
中央
バリエーション7
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text7 t0-b-headerFullWidthMedia-text7--size-3 t0-b-headerFullWidthMedia-text7--width- t0-b-headerFullWidthMedia-text7--align-c" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
中央
バリエーション8
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text8 t0-b-headerFullWidthMedia-text8--size-3 t0-b-headerFullWidthMedia-text8--width- t0-b-headerFullWidthMedia-text8--align-c" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
中央
バリエーション9
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text9 t0-b-headerFullWidthMedia-text9--size-3 t0-b-headerFullWidthMedia-text9--width- t0-b-headerFullWidthMedia-text9--align-c" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション1
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text t0-b-headerFullWidthMedia-text--size-3 t0-b-headerFullWidthMedia-text--width- t0-b-headerFullWidthMedia-text--align-r" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション2
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text2 t0-b-headerFullWidthMedia-text2--size-3 t0-b-headerFullWidthMedia-text2--width- t0-b-headerFullWidthMedia-text2--align-r" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション3
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text3 t0-b-headerFullWidthMedia-text3--size-3 t0-b-headerFullWidthMedia-text3--width- t0-b-headerFullWidthMedia-text3--align-r" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション4
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text4 t0-b-headerFullWidthMedia-text4--size-3 t0-b-headerFullWidthMedia-text4--width- t0-b-headerFullWidthMedia-text4--align-r" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション5
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text5 t0-b-headerFullWidthMedia-text5--size-3 t0-b-headerFullWidthMedia-text5--width- t0-b-headerFullWidthMedia-text5--align-r" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション6
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text6 t0-b-headerFullWidthMedia-text6--size-3 t0-b-headerFullWidthMedia-text6--width- t0-b-headerFullWidthMedia-text6--align-r" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション7
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text7 t0-b-headerFullWidthMedia-text7--size-3 t0-b-headerFullWidthMedia-text7--width- t0-b-headerFullWidthMedia-text7--align-r" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション8
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text8 t0-b-headerFullWidthMedia-text8--size-3 t0-b-headerFullWidthMedia-text8--width- t0-b-headerFullWidthMedia-text8--align-r" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>
バリエーション9
キャッチコピーを入れてください
<div>
    <div class="t0-b-headerFullWidthMedia-text9 t0-b-headerFullWidthMedia-text9--size-3 t0-b-headerFullWidthMedia-text9--width- t0-b-headerFullWidthMedia-text9--align-r" data-cms-path="data.contents.0">
        <div data-cms-path="data.contents.0">
            <div data-cms-contenteditable="data.contents.0.text"><strong>キャッチコピーを入れてください</strong></div>
        </div>
    </div>
</div>

位置設定

/temp/unittest/parts/227_headerFullWidthMedia-navBItem_headerFullWidthMedia-navBItem_f12.md
  • f12

ブロック名称:位置設定

[f12:位置設定(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した通りの位置で表示されていること 
  • 位置設定が反映されていないこと (SPのみ)
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-headerFullWidthMedia-navBItem t0-b-headerFullWidthMedia-navBItem--size-3 t0-b-headerFullWidthMedia-navBItem--width-s t0-b-headerFullWidthMedia-navBItem--align-l" data-height-part="">
            <div class="t0-b-headerFullWidthMedia-navBItem__inner" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-headerFullWidthMedia-navBItem2 t0-b-headerFullWidthMedia-navBItem2--size-3 t0-b-headerFullWidthMedia-navBItem2--width-s t0-b-headerFullWidthMedia-navBItem2--align-l" data-height-part="">
            <div class="t0-b-headerFullWidthMedia-navBItem2__inner" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-headerFullWidthMedia-navBItem t0-b-headerFullWidthMedia-navBItem--size-3 t0-b-headerFullWidthMedia-navBItem--width-s t0-b-headerFullWidthMedia-navBItem--align-c" data-height-part="">
            <div class="t0-b-headerFullWidthMedia-navBItem__inner" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
中央
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-headerFullWidthMedia-navBItem2 t0-b-headerFullWidthMedia-navBItem2--size-3 t0-b-headerFullWidthMedia-navBItem2--width-s t0-b-headerFullWidthMedia-navBItem2--align-c" data-height-part="">
            <div class="t0-b-headerFullWidthMedia-navBItem2__inner" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-headerFullWidthMedia-navBItem t0-b-headerFullWidthMedia-navBItem--size-3 t0-b-headerFullWidthMedia-navBItem--width-s t0-b-headerFullWidthMedia-navBItem--align-r" data-height-part="">
            <div class="t0-b-headerFullWidthMedia-navBItem__inner" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-headerFullWidthMedia-navBItem2 t0-b-headerFullWidthMedia-navBItem2--size-3 t0-b-headerFullWidthMedia-navBItem2--width-s t0-b-headerFullWidthMedia-navBItem2--align-r" data-height-part="">
            <div class="t0-b-headerFullWidthMedia-navBItem2__inner" data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
            </div>
        </div>
    </div>
</div>